页面特效 UI组件库 菜单导航 窗口特效 幻灯片滑动 图像相册 表单 选项卡 表格 评分星级 手风琴 文本链接 布局 日历 颜色选择器 按钮 图表 html5 提示 ExtJS 在线客服 其他特效 地图 树形控件 移动开发 BootStrap 滑动条 文件上传 表单验证 分页 播放器 Angular

漂亮星级评分插件WebRating(推荐)

评分星级 HTML我帮您 1年前  次浏览
WebRating是一个jquery的漂亮星级评分插件,默认有三种可供选择的评分样式:星级、心型、笑脸。鼠标移到评分项时,可以自定义提示。可以使用cookies来限制访问点击数,自定义回调方法. 漂亮星级评分插件WebRating(推荐)
  <div class="divClass" data-webRating="2.5" data-webRatingN="5" data-webRatingArg='{"type":"book","uid":12}'></div>

jQuery("div").webRating({
        // count
        ratingCount     : 5,

        // image & color
        imgSrc          : "generalIcons.png",
        xLocation       : 53, //in px
        yLocation         : 49, //in px
        width               : 15, //in px
        height          : 15, //in px

        //CSS
        onClass         : 'onClass',
        offClass        : 'offClass',
        onClassHover    : 'onClassHover', //Optional
        offClassHover   : 'offClassHover' //Optional

        //on click funcitons
        cookieEnable        : false,
        cookiePrefix        : "myRating_",
        maxClick                : 1,
        onClick                 : function(clickScore, data){
            //Your function & post action
        },

        //Tooltip
        tp_showAverage  : true,
        prefixAverage   : "Avg",
        tp_eachStar     : {'1':'Very Bad','2':'Bad','3':'Ok','4':'Good','5':'Very Good'} //Rating guide
});

相关链接

发表评论