jQuery实际案例⑥——图片跟随鼠标、五角星评分案例
2021-07-09 15:05
阅读：900
标签：代码 逻辑 移动 doc event 修改 获取 nextall 事件 一、图片跟随鼠标移动 1、要求：鼠标移动到哪，图片就要跟到哪 2、用到的事件：首先监听鼠标：$(document).mousemove(function(event){ }); //此时可以获取鼠标距离页面左侧、顶部的距离通过event.pageX、event.pageY，然后通过修改图片的left、top值即可。 二、五角星评分案例 1、如图：业务逻辑：①鼠标移入某颗星时，这颗及之前的都变实心；②未点击，移开评分区，所有星变空心；③点击，移开评分区，点击过的星及之前的变实心 2、用到的方法：end()，end()方法的用法，实例解释：如下图，在这个链式编程中end()表示prevAll()业务的结束，同时nextAll()指的是$(this)的nextAll() 3、具体代码： jQuery实际案例⑥——图片跟随鼠标、五角星评分案例 标签：代码 逻辑 移动 doc event 修改 获取 nextall 事件 原文地址：http://www.cnblogs.com/carriezhao/p/7093206.html
文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：jQuery实际案例⑥——图片跟随鼠标、五角星评分案例
文章链接：http://soscw.com/essay/102830.html
文章标题：jQuery实际案例⑥——图片跟随鼠标、五角星评分案例
文章链接：http://soscw.com/essay/102830.html
评论
亲，登录后才可以留言！