网站开发目的和意义,邯郸网站设计邯郸网站制作,实用设计网站推荐,福州网站制作费用转载自 jquery插件star-rating.js实现星级评分特效
Bootstrap Star Rating是一个简单而强大的jQuery插件实现星级分数评级。支持像分数星填充和RTL输入先进的功能。在利用纯CSS-3造型使控制重点开发。该插件使用引导标记和造型默认情况下#xff0c;但它可以覆盖与其他任何C…转载自 jquery插件star-rating.js实现星级评分特效
Bootstrap Star Rating是一个简单而强大的jQuery插件实现星级分数评级。支持像分数星填充和RTL输入先进的功能。在利用纯CSS-3造型使控制重点开发。该插件使用引导标记和造型默认情况下但它可以覆盖与其他任何CSS的标记。
特效介绍
jquery星级评分插件star-rating.js下载插件点击星星或者心的左边就是半分右边就是1分。点击减号分数置为0。不兼容IE8以下的浏览器。
演示图 使用方法
第一步、引入下面的代码
link hrefhttp://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css relstylesheet
script srchttp://libs.baidu.com/jquery/1.10.2/jquery.min.js/script
link hrefcss/star-rating.css mediaall relstylesheet typetext/css/
script srcjs/star-rating.js typetext/javascript/script
第二步、想要使用什么效果就引入相应的input框
input idinput-2b typenumber classrating min0 max5 step0.5 data-sizexldata-symbol data-default-caption{rating} hearts data-star-captions{}
第三步如果需要重置或者提交按钮可以引入下面的代码
button typesubmit classbtn btn-primarySubmit/button
button typereset classbtn btn-defaultReset/button
第四步、引入js调用代码
scriptjQuery(document).ready(function () {$(.rating-kv).rating();});
/script
本站下载 演示地址 补充资源
jquery星星评分插件Bootstrap Star Rating
