jQuery鼠标移动图片上实现放大效果

首先界面上要有图片，下面是图片

<img id="big-circle" src="images/pic2.jpg" alt=""/>其次在script代码段中加入如下代码，进行适量修改即可
$(document).ready(function () {
     var x = 10;
     var y = 20;
     $("#big-circle").mouseover(function (e) {
       var tooTip = "<div id='tooTip'><img src='" + this.href + "'></img><div>";
       $("body").append(tooTip);
       $("#tooTip").css({ position: "absolute",
         'top': (e.pageY + y) + "px", "left": (e.pageX + x) + "px"
       }).show("fast");
     }).mouseout(function () {
             $("#tooTip").remove();
     }).mousemove(function (e) {
       $("#tooTip").css({ position: "absolute",
         'top': (e.pageY + y) + "px", "left": (e.pageX + x) + "px"
       });
     });
   });

以上所述是小编给大家介绍的jQuery鼠标移动图片上实现放大效果，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！

# jquery实现放大镜效果  # jquery鼠标移动  # JQuery获取鼠标进入和离开容器的方向  # jquery实现的提示浮层跟随鼠标移动  # Jquery实现鼠标移动放大图片功能实例  # jQuery实现div跟随鼠标移动  # jQuery实现鼠标滑过图片移动特效  # jQuery 网易相册鼠标移动显示隐藏效果实现代码  # Jquery创建层显示标题和内容且随鼠标移动而移动  # JQuery实现鼠标移动图片显示描述层的方法  # jquery插件实现鼠标经过图片右侧显示大图的效果(类似淘宝)  # jQuery插件jFade实现鼠标经过的图片高亮其它变暗  # jQuery实现的响应鼠标移动方向插件用法示例【附源码下载】  # 小编  # 鼠标  # 要有  # 给大家  # 所述  # 给我留言  # 有任何  # alt  # gt  # images  # jpg  # function  # var  # ready  # script  # document  # brush  # js  # class  # tooTip 

相关文章： 建站之星安装需要哪些步骤及注意事项？  历史网站制作软件,华为如何找回被删除的网站？  php8.4新语法match怎么用_php8.4match表达式替代switch【方法】  黑客如何通过漏洞一步步攻陷网站服务器？  整人网站在线制作软件,整蛊网站退不出去必须要打我是白痴才能出去？  如何选择PHP开源工具快速搭建网站？  制作销售网站教学视频,销售网站有哪些？  家具网站制作软件,家具厂怎么跑业务？  手机网站制作平台,手机靓号代理商怎么制作属于自己的手机靓号网站？  公司门户网站制作流程,华为官网怎么做？  如何在云主机上快速搭建网站？  如何选择适配移动端的WAP自助建站平台？  如何快速生成可下载的建站源码工具？  怎么将XML数据可视化 D3.js加载XML  如何在IIS中配置站点IP、端口及主机头？  正规网站制作公司有哪些,目前国内哪家网页网站制作设计公司比较专业靠谱？口碑好？  用v-html解决Vue.js渲染中html标签不被解析的问题  如何做网站制作流程,*游戏网站怎么搭建？  如何快速使用云服务器搭建个人网站？  威客平台建站流程解析：高效搭建教程与设计优化方案  移动端手机网站制作软件,掌上时代，移动端网站的谷歌SEO该如何做？  制作旅游网站html,怎样注册旅游网站？  网站制作话术技巧,网站推广做的好怎么话术？  建站之星如何修改网站生成路径？  建站之星上传入口如何快速找到？  清单制作人网站有哪些,近日“兴风作浪的姑奶奶”引起很多人的关注这是什么事情？  网站建设设计制作营销公司南阳,如何策划设计和建设网站？  如何配置支付宝与微信支付功能？  如何设计高效校园网站？  如何在云指建站中生成FTP站点？  如何用wdcp快速搭建高效网站？  广州营销型建站服务商推荐：技术优势与SEO优化解析  头像制作网站在线制作软件,dw网页背景图像怎么设置？  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  青浦网站制作公司有哪些,苹果官网发货地是哪里？  学校建站服务器如何选型才能满足性能需求？  湖北网站制作公司有哪些,湖北清能集团官网？  免费的流程图制作网站有哪些,2025年教师初级职称申报网上流程？  建站org新手必看：2024最新搭建流程与模板选择技巧  如何通过VPS建站实现广告与增值服务盈利？  C++如何编写函数模板？（泛型编程入门）  建站之星CMS五站合一模板配置与SEO优化指南  建站之星2.7模板：企业网站建设与h5定制设计专题  浙江网站制作公司有哪些,浙江栢塑信息技术有限公司定制网站做的怎么样？  如何快速辨别茅台真假？关键步骤解析  如何快速搭建自助建站会员专属系统？  大学网站设计制作软件有哪些,如何将网站制作成自己app？  如何零成本快速生成个人自助网站？  如何在万网自助建站中设置域名及备案？  网站制作模板下载什么软件,ppt模板免费下载网站？