素材网 素材网

jquery五角星评分效果代码

下载资源()次

阅读次数()次

发布时间:2017-10-26

jquery五角星评分效果代码
分享到:

用法简介:

来源:xw素材网


jquery五角星评分效果代码。
文件引用:

script type="text/javascript">

rat('star1','result1',10);

rat('star2','result2',1);

function rat(star,result,m){


star= '#' + star;

result= '#' + result;

$(result).hide();//将结果DIV隐藏


$(star).raty({

hints: ['10','20', '30', '40', '50','60', '70', '80', '90', '100'],

path: "css/img",

starOff: 'star-off-big.png',

starOn: 'star-on-big.png',

size: 24,

start: 40,

showHalf: true,

target: result,

targetKeep : true,//targetKeep 属性设置为true,用户的选择值才会被保持在目标DIV中,否则只是鼠标悬停时有值,而鼠标离开后这个值就会消失

click: function (score, evt) {

//第一种方式:直接取值

alert('你的评分是'+score*m+'分');

}

});


/*第二种方式可以设置一个隐蔽的HTML元素来保存用户的选择值,然后可以在脚本里面通过jQuery选中这个元素来处理该值。 弹出结果

var text = $(result).text();

$('img').click(function () {

if ($(result).text() != text) {

alert('你的评分是'+$(result).text()/m+'分');

alert(result);

return;

}

});*/

}

</script>



   

相关标签:

上一篇:Query星级评分插件 下一篇:已经是最后一篇数据

网友评论:

评论

发表 剩余字数:20

一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!

二、互相尊重,对自己的言论和行为负责。

@ 2013 xwcms.net . All Rights Reserved. xw素材网 | 备案号:晋ICP备13005902号 联系管理员
×

邮箱订阅

什么是邮箱订阅?

邮箱订阅是xw素材网为jquery爱好者与web程序员提供一项以邮箱的方式发送最新jquery资源与素材资源的模式,用户只需在左侧填写正确的邮箱用户名与邮箱地址我们将每天推荐最新优质资源到用户邮箱。当然每份邮箱都会有一个取消订阅按钮,当用户点击取消按钮时我们将会停止对用户发送邮箱资源推送。再次感谢大家对xw素材网的支持与关注。