素材网 素材网

jQuery潮流实用的五角星评分特效

下载资源()次

阅读次数()次

发布时间:2017-09-10

jQuery潮流实用的五角星评分特效
分享到:

用法简介:

来源:xw素材网

jQuery潮流实用的五角星评分特效。
文件引用:

<script>

$(function () {

var wjx_s = "★";

var wjx_k = "☆";

//1. 给所有的li注册mouseenter事件

$(".comment li").mouseenter(function () {

//2. 让当前li和前面所有的li变成实心,让后面所有的兄弟变成空心

//前面兄弟:prevAll():

//后面兄弟:nextAll():

$(this).text(wjx_s).prevAll().text(wjx_s);

$(this).nextAll(wjx_k);

});

//2. 离开ul的时候,把所有的li变成空心

$(".comment").mouseleave(function () {

$(this).children().text(wjx_k);

//如果我知道了我刚刚点了那个五角星

//可以让点的那个五角星以及前面的兄弟变成实心就可以。

//4. 找到我点击的那个li

$("li.current").text(wjx_s).prevAll().text(wjx_s)

});

//3. 给所有的li注册点击事件,点击的时候,留下点东西(class)

$(".comment li").click(function () {

$(this).addClass("current").siblings().removeClass("current")

})

})

</script>



   

相关标签:

上一篇:jquery插件用户星级评分打分效果 下一篇:已经是最后一篇数据

网友评论:

评论

发表 剩余字数:20

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

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

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

邮箱订阅

什么是邮箱订阅?

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