社区
下载资源悬赏专区
帖子详情
js 五角星 评分( 鼠标滑过)下载
weixin_39820535
2019-05-19 03:30:15
就是鼠标滑过 变亮 评分的那种,很简单 看看就知道了
相关下载链接:
//download.csdn.net/download/jzcldy/2267055?utm_source=bbsseo
...全文
27
回复
打赏
收藏
js 五角星 评分( 鼠标滑过)下载
就是鼠标滑过 变亮 评分的那种,很简单 看看就知道了 相关下载链接://download.csdn.net/download/jzcldy/2267055?utm_source=bbsseo
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
js
五角星
评分
(
鼠标
滑
过)
就是
鼠标
滑
过 变亮
评分
的那种,很简单 看看就知道了
jQuery
鼠标
滑
过
五角星
打分星级
评分
代码.zip
代码片段: $(function () { //
评分
var starRating = 0; $('.photo span').on('mouseenter',function () { var index = $(this).index() 1; $(this).prevAll().find('.high').css('z-index',1) $(this).find('.high').css('z-index',1) $(this).nextAll().find('.high').css('z-index',0) $('.starNum').html((index*2).toFixed(1) '分') }) $('.photo').on('mouseleave',function () { $(this).find('.high').css('z-index',0) var count = starRating / 2 if(count == 5) { $('.photo span').find('.high').css('z-index',1); } else { $('.photo span').eq(count).prevAll().find('.high').css('z-index',1); } $('.starNum').html(starRating.toFixed(1) '分') }) $('.photo span').on('click',function () { var index = $(this).index() 1; $(this).prevAll().find('.high').css('z-index',1) $(this).find('.high').css('z-index',1) starRating = index*2; $('.starNum').html(starRating.toFixed(1) '分'); alert('
评分
:' (starRating.toFixed(1) '分')) })
HTML用
五角星
打分,jQuery
鼠标
滑
过
五角星
打分星级
评分
代码
js
代码$(function () {//
评分
var starRating = 0;$('.photo span').on('mouseenter',function () {var index = $(this).index()+1;$(this).prevAll().find('.high').css('z-index',1)$(this).find('.high').css('z-index...
原生jquery实现星级
评分
功能,
鼠标
滑
过点亮星星
原生,jquery,星星,
评分
jQuery案例-
五角星
评分
mouseover:当
鼠标
移入元素或其子元素都会触发事件,所以有一个重复触发,冒泡过程。对应的移除事件是mouseout当
鼠标
移除元素本身(不包含元素的子元素)会触发事件,也就是不会冒泡,对应的移除事件是mouseleave。
下载资源悬赏专区
12,870
社区成员
12,423,720
社区内容
发帖
与我相关
我的任务
下载资源悬赏专区
CSDN 下载资源悬赏专区
复制链接
扫一扫
分享
社区描述
CSDN 下载资源悬赏专区
其他
技术论坛(原bbs)
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章