当鼠标扫过时，五角星变为实心，鼠标离开，五角星变为空心

<body><ul class="comment"><li>☆</li><li>☆</li><li>☆</li><li>☆</li><li>☆</li></ul>
</body><script>// 声明两个变量，分别记录实心和空心var sx='★'var kx='☆'// 需求1$('.comment>li').on('mouseenter',function(e){$(this).text(sx).prevAll().text(sx)$(this).nextAll().text(kx)// console.log('this',this)// console.log('e:',e)// 出错// $(this).text(sx).prevAll().text(sx).nextAll().text(kx)}).on('mouseleave',function(){// 需求2$('.comment>li').text(kx)// 获取点击的那个li$('.comment>li[clickCurrent]').text(sx).prevAll().text(sx)}).on('click',function(){// 需求3// 给当前鼠标点击的那个li添加一个属性，区别其他li$(this).attr('clickCurrent','current').siblings().removeAttr('clickCurrent')})</script>

当鼠标扫过时，五角星变为实心，鼠标离开，五角星变为空心相关推荐

jquery 手型鼠标穿过时_JS实现的鼠标跟随代码(卡通手型点击效果)
本文实例讲述了JS实现带有小手点击效果的鼠标跟随代码.分享给大家供大家参考,具体如下: 一个跟随鼠标的小手效果,鼠标移在哪里,小手就跟着移向哪里,会出现手的效果,放在链接上的时候,手会变化,两只手很可 ...
《div图层被鼠标划过时其背景色变色的五种方式》
概述: 同样是为了提高用户体验程度,本篇内容将叙述:div图层被鼠标划过时其背景色改变,鼠标离开相关div图层时其颜色变为原来的颜色.实现上述效果下面总结了五种实现方式,请您耐心阅读,或许会有点收获. ...
[html] 如何实现默认显示git的第一帧图片，当鼠标经过时，播放完整的gif动画
[html] 如何实现默认显示git的第一帧图片,当鼠标经过时,播放完整的gif动画准备一个静态第一帧的 img 图片,和gif完整图片,来回切换,就可以完成效果个人简介我是歌谣,欢迎和大家一起 ...
[html] 写一个类似刮刮卡效果的交互，即鼠标划过时显示号码
[html] 写一个类似刮刮卡效果的交互,即鼠标划过时显示号码 <title>Document</title> <style> *{ margin:0; paddi ...
cursor: not-allowed; readonly的升级版，鼠标经过时，显示为禁止图标
cursor: not-allowed; readonly的升级版,鼠标经过时,显示为禁止图标
html鼠标滑过导航条展开导航条,JS+CSS实现鼠标滑过时动态翻滚的导航条效果
本文实例讲述了JS+CSS实现鼠标滑过时动态翻滚的导航条效果.分享给大家供大家参考.具体如下: 这是一款鼠标悬停时动态翻滚的导航条,注意这里用了两个背景图,请等待网页加载完成或多刷新几次,这个是使用J ...
鼠标滑过时显示图片内容隐藏和鼠标滑过图片隐藏内容显示的两种小方法
1.鼠标滑过时显示图片,内容隐藏,下面以一个小日历的做法展示 <div class="date7"> <a href=""><di ...
Win32 鼠标消息 - 客户区鼠标消息、非客户区鼠标消息、击中测试、鼠标滚轮
注:以下内容为学习笔记,多数是从书本.资料中得来,只为加深印象,及日后参考.然而本人表达能力较差,写的不好.因非翻译.非转载,只好选原创,但多数乃摘抄,实为惭愧.但若能帮助一二访客,幸甚! 注:以下内 ...
java获取鼠标在窗口_Java获取窗口鼠标坐标以及键盘按键
Java中的鼠标和键盘事件 1.使用MouseListener借口处理鼠标事件鼠标事件有5种:按下鼠标键,释放鼠标键,点击鼠标键,鼠标进入和鼠标退出鼠标事件类型是MouseEvent,主要方法有: ...

当鼠标扫过时，五角星变为实心，鼠标离开，五角星变为空心

当鼠标扫过时，五角星变为实心，鼠标离开，五角星变为空心相关推荐

最新文章

热门文章