星星评分-依赖jquery

【星星评分-依赖jquery】的更多相关文章

星星评分-依赖jquery

https://pan.baidu.com/s/1UWJFh-QJOjSB_yqA8VgHIQ…

angularjs实现星星评分自定义指令 app.directive('myStars', function () { return { require : '?ngModel', // ?ngModel restrict : 'E', replace : true, templateUrl : 'ui/templateUrl/myStars.html', scope: {ngModel : '='}, link: function ($scope, element, attrs, ngMod…

js点亮星星评分并获取参数的js代码

点亮星星评分后,点击按钮,立即获得分数参数值,方便不想使用ajax传参的朋友 http://demo.jb51.net/js/2014/jsxxdf/demo2.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="…

vue2.0：（九）、外卖App弹窗部分星星评分

本篇是星星评分部分,先上代码: 1.header.vue: <template> <transition name="fade"> <div v-show="detailShow" class="detail"> <div class="detail-wrapper clearfix"> &…

div/dom元素拖拽缩放插件，纯js实现拖拽缩放，不依赖jQuery~

产品需求,需要用到对div(dom)进行拖拽缩放操作,看到有好多插件,要么依赖jQuery,要么文件太大. 封装了一个插件,不压缩状态下5KB. html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, i…

jQuery实现星星评分功能

一.这是我做的调查问卷中的一个功能.(第三方MVC框架) 二.功能说明:1.用户点击星星,将值放到隐藏域中.2.用户可以重新点击星星修改回答. 前台JS代码: <script type="text/javascript"> //鼠标点击 function picClick(obj) { var hid = $(obj).parent().find("input[type='hidden']"); //赋值 hid.val($(obj).attr(&quo…

jQuery 点击星星评分

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> .box{ width:300px; height:40px; } li{ height: 40px; width:40px;mar…

Android星星评分控件RatingBar的使用

在Android的开发中,有一个叫做评分控件RatingBar,我们可以使用该控件做等级划分.评分等作用,星星形状显示,也可以半星级别,我们来看一下评分控件如何使用. 布局文件中定义控件以及属性,这里主要需要指定的是总星星数量,和当前的值,也就是总级别跟当前级别的量. <RatingBar android:id="@+id/ratingBar" android:numStars="5" //总级别,总分,星星个数 android:rating=&q…

spin.js无图片实现loading进度条,支持但非依赖jquery

特点: 1.无图片,无外部CSS 2.无依赖(支持jQuery,但非必须) 3.高度可配置 4.分辨率无关 5.旧版本IE不支持时,采用VML支持 6.使用关键帧动画,采用setTimeout() 7.兼容各种主流浏览器,包括IE6 8.MIT认证 spin.js动态创建进度条,可用来替换使用ajax加载gif图片 <body> <div id="myspin"></div> <script src="spin.js">…

移动端（H5）弹框组件--简单--实用--不依赖jQuery

俗话说的好,框架是服务与大家的,包含的功能比较多,代码多.在现在追求速度的年代.应该根据自己的需求去封装自己所需要的组件. 下边就给大家介绍一下自己封装的一个小弹框组件,不依赖与jQuery,代码少,适用于一般移动端小项目. 这个插件名称:MobileUi 包含功能:弹框,正在加载,tips1.5秒消失,清除正在加载. 如图: 接下来我来告诉大家怎么用吧!! 第一步:配置<meta name="viewport" content="width=device-wid…

jquery评分插件jquery.raty.js

1.参考链接官方地址. 教程一教程二 2.案例1 引入文件:  <script type="text/javascript" src="YYFramework/Public/js/raty-master/lib/jquery.raty.js"></script> 使用的是图片 ,只需要引入这个就可以了. 然后要设置图片的地址. <?php // header ( "Cont…

微信小程序——星星评分

先来个效果图镇楼: 实现原理: 1.循环需要评分的列表,判断它的分数与当前星星索引的大小: 2.点击,获取星星对应的分数,让星星高亮. 代码: star.wxml: <view class="weui-cells {{!margin ? 'weui-cells__mt0' : ''}}"> <view class='weui-cell' wx:for="{{subjectStarList}}" wx:key="id" wx:…

ivew使用星星评分

这组件好像有问题,不知道是我们项目环境造成的还是什么,初始化半星不能正常显示,显示的全星. 1.template <div style="display:inline-block;margin-right:100px;vertical-align:3px;"> <span style="font-size:16px;color:#fff;line-height:20px;vertical-align:-3px;">评分:</span&g…

vue 星星评分组件

显示评分和打分组件,可现实半颗星星效果效果图: 参数名类型说明 score Number 分数 ,默认0,保留一位小数 disabled Boolean 是否只读,默认false,鼠标点击可以打分 showText Boolean 是否显示分数,默认false  <template> <div class="rate" :class="{'disabled':disabled}"> <i v-for=…

依赖jquery的select皮肤2

这个下拉菜单存在于body中,不会受select父级overflow的影响,同样依赖于jquery. 缺陷是如果select上的样式不是定义在class上的,不能完全获取select上的样式. 不过,皮肤的样式可以通过css来修改. 直接上代码: html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>selec…

wex5中的星星评分

新建一个空白的.w文件,然后在页面上放5个img星星图片重要的是图片路径不能是绝对路径,要用相对路径,不然js操作的时候会出bug 添加两个label标签(标签随你挑,在这我就用label) 你到时候可以用他自带的xid去控制,或者自定义一个id 接下来就是js部分双击回跳转到js部分,它就会自动创建一个click事件下面就是操作源码: // debugger; for(var i = 0;i <$("img").length;i++){ …

自己随意写了个简单的依赖jquery的轮播图

//轮播图 function Switcher(obj){ this.box = $(obj.box); this.width = this.box.width(); this.banner = $(obj.banner); this.list = this.banner.find('li'); this.index = $(obj.btn).find('li').index(); this.btn = $(obj.btn); this.prev1=$(obj.prev); this.next1…