1.选择一个图片设置一下宽高
<img src="1.gif" class="mouse" style="width:80px;height:80px;"/>2.jQuery代码:
$(function(){
$(document).mousemove(function (e) {
//获取图片的相对鼠标的位置
$(".mouse").css({ 'top': e.pageY, 'left': e.pageX, 'position': 'absolute'});
});
});
本文介绍了一种使用HTML和jQuery实现的鼠标跟随效果。通过设置图片的宽高,并利用jQuery监听鼠标移动事件,使图片实时跟随鼠标的当前位置显示。此方法适用于网页互动设计,增强用户体验。
881

被折叠的 条评论
为什么被折叠?



