脚本宝典收集整理的这篇文章主要介绍了练习图片跟随,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
<!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,请注明来意。