1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > jQuery实现图片跟着鼠标移动的效果

jQuery实现图片跟着鼠标移动的效果

时间:2022-10-26 14:35:13

相关推荐

jQuery实现图片跟着鼠标移动的效果

例子:

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title></title><meta charset="utf-8" /><script src="Scripts/jquery-1.11.3.js"></script><script>//文档准备就绪函数$(function () {//图片跟着鼠标移动的效果 // 当鼠标指针在指定的元素中移动时,就会发生 mousemove 事件。$(document).mousemove(function(e) {//获取图片所在的位置,使用css设置相对位置( "position": "absolute")//鼠标相对于文档的左边缘的位置("left": e.pageX )//鼠标相对于文档的左边缘的位置( "top": e.pageY )$("#mouseXY").css({ "position": "absolute", "left": e.pageX , "top": e.pageY });}); });</script></head><body><div id='mouseXY'><img src="8.png" /></div></body></html>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。