首页 > web前端 > js教程 > jquery插件star-rating.js实现星级评分特效_jquery

jquery插件star-rating.js实现星级评分特效_jquery

WBOY
发布: 2016-05-16 16:03:56
原创
2155 人浏览过

特效介绍

jquery星级评分插件star-rating.js下载插件,点击星星或者心的左边,就是半分,右边就是1分。点击减号,分数置为0。不兼容IE8以下的浏览器。

演示图

使用方法

第一步、引入下面的代码:

复制代码 代码如下:

http://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet">
">http://libs.baidu.com/jquery/1.10.2/jquery.min.js">>


第二步、想要使用什么效果,就引入相应的input框:

复制代码 代码如下:

   data-symbol="" data-default-caption="{rating} hearts" data-star-captions="{}">

第三步,如果需要重置或者提交按钮,可以引入下面的代码:

复制代码 代码如下:



第四步、引入js调用代码:

复制代码 代码如下:

<script><br /> jQuery(document).ready(function () {<br /> $(".rating-kv").rating();<br /> });<br /> </script>

本站下载  演示地址

以上所述就是本文的全部内容了,希望大家能够喜欢。

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板