练习图片跟随

发布时间:2022-07-02 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了练习图片跟随脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
<!DOCTYPE htML><html lang="en"><head>    <;meta charset="UTF-8">    <tITle>Title</title>  <style type="text/css">    body{      text-align: center;    }    #small{      margin-top: 150px;    }    #showBig{      position: absolute;      display: none;    }  </style>  <script type="text/javascript" src="../script/jquery-1.7.2.js"></script>  <script type="text/javascript">   $(function () {       $("#small").bind("mouseover mouseout mouSEMove",function (event){           if(event.type == "mouseover"){               $("#showBig").show();           }else if (event.type == "mouseout"){               $("#showBig").hide();           }else if (event.type == "mousemove"){               console.LOG(event);               $("#showBig").offset({                   left:event.pageX+100,                   top:event.pageY+100               });           }       });   });  </script></head><body>      <img id="small" src="../images/1.jpg"/>    <div id="showBig">        <img src="../images/1.JPG">    </div></body></html>

脚本宝典总结

以上是脚本宝典为你收集整理的练习图片跟随全部内容,希望文章能够帮你解决练习图片跟随所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。