教程集 > jQuery > jquery 教程 > 正文网页特效|JsCode.cn|---跟随鼠标的图片

网页特效|JsCode.cn|---跟随鼠标的图片

发布时间：2023-12-27 编辑：jiaochengji.com

教程集为您提供网页特效|JsCode.cn|---跟随鼠标的图片等资源，欢迎您收藏本站，我们将为您提供最新的网页特效|JsCode.cn|---跟随鼠标的图片资源

提示：您可以先修改部分代码再运行

<html>  <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>网页特效|JsCode.cn|---跟随鼠标的图片</title> <script language="JavaScript"> var newtop=0 var newleft=0 if (navigator.appName == "Netscape") { layerStyleRef="layer."; layerRef="document.layers"; styleSwitch=""; } else { layerStyleRef="layer.style."; layerRef="document.all"; styleSwitch=".style"; } function doMouseMove() { layerName = 'iit' eval('var curElement=' layerRef '["' layerName '"]') eval(layerRef '["' layerName '"]' styleSwitch '.visibility="hidden"') eval('curElement' styleSwitch '.visibility="visible"') eval('newleft=document.body.clientWidth-curElement' styleSwitch '.pixelWidth') eval('newtop=document.body.clientHeight-curElement' styleSwitch '.pixelHeight') eval('height=curElement' styleSwitch '.height') eval('width=curElement' styleSwitch '.width') width=parseInt(width) height=parseInt(height) if (event.clientX > (document.body.clientWidth - 5 - width)) { newleft=document.body.clientWidth   document.body.scrollLeft - 5 - width } else { newleft=document.body.scrollLeft   event.clientX } eval('curElement' styleSwitch '.pixelLeft=newleft') if (event.clientY > (document.body.clientHeight - 5 - height)) { newtop=document.body.clientHeight   document.body.scrollTop - 5 - height } else { newtop=document.body.scrollTop   event.clientY } eval('curElement' styleSwitch '.pixelTop=newtop') } document.onmousemove = doMouseMove; </script> </head>  <body>  <script language="javascript"> if (navigator.appName == "Netscape") { } else { document.write('<div ID=OuterDiv>') document.write('<img ID=iit src="" STYLE="position:absolute;TOP:5pt;LEFT:5pt;Z-INDEX:10;visibility:hidden;">') document.write('</div>') } </script> </body>  </html>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
javascript特效-跟着鼠标飞的图片
 Photoshop软件APP切图和标注教程分享
 7款吸引人眼球的jQuery/CSS3特效实例分享
 40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
 美图秀秀拼图功能打造时尚海报效果教程
 jQuery当鼠标悬停时放大图片的效果实例
 jQuery图片展示插件 Easy Slide
美图秀秀打造超酷动感渐变图片效果教程
 html5精选特效代码分享（收藏）
js网页特效-图片浮动效果代码

上一篇：禁用鼠标左右键

[关闭]

网页特效|JsCode.cn|---跟随鼠标的图片

最近更新

浏览排行