分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

jquery实现图片跟随鼠标功能

发布时间:2023-09-06 02:14责任编辑:郭大石关键词:暂无标签

上代码

(function(){ ???var $node; ???$node = $("<div style=‘position: absolute;‘ id=‘movePic‘><img src=‘https://imgsa.baidu.com/forum/w%3D580/sign=f9458d402da446237ecaa56aa8227246/01d6ecfe9925bc31c807f6a253df8db1cb137051.jpg‘ height=‘30px‘ width=‘30px‘>nice job</div>"); ???$("body").after($node); ???$("body").mousemove(function (e) { ???????$node.css("left", e.pageX + 20); ???????$node.css("top", e.pageY + 20); ???}); ???$("body").hover(function () { ???????$node.show(); ???}, function () { ???????$node.hide(); ???});})()

这些代码是独立的,直接粘贴就有效果

这样你的鼠标下就有了一个滑稽

本来像加到博客里的效果,结果发现不会。。。好像不支持jQuery特效,难道必须是纯css特效吗????

jquery实现图片跟随鼠标功能

原文地址:https://www.cnblogs.com/incredible-x/p/9631789.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved