教程集 > jQuery > jquery 教程 > 正文跟随鼠标的弹性效果的运动图片

跟随鼠标的弹性效果的运动图片

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

教程集为您提供跟随鼠标的弹性效果的运动图片等资源，欢迎您收藏本站，我们将为您提供最新的跟随鼠标的弹性效果的运动图片资源

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

<html>  <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>跟随鼠标的弹性效果的运动图片</title> </head>  <body>  <style> v:* {  BEHAVIOR: url(#default#VML) } </style>  <script language="JavaScript1.2"> var stringcolor="white" var ballsrc="images/flag.gif" //改为自己的图片路径及名称  if (document.all&&window.print){ document.write('<IMG id=Om style="LEFT: -10px; POSITION: absolute" src="\' ballsrc \'">') ddx=0;ddy=0;PX=0;PY=0;xm=0;ym=0 OmW=Om.width/2;OmH=Om.height/2 } function Ouille(){  x=Math.round(PX =(ddx =((xm-PX-ddx)*3)/100))  y=Math.round(PY =(ddy =((ym-PY-ddy)*3-300)/100))  Om.style.left=x-OmW  Om.style.top=y-OmH  elastoc.to=x "," y elastoc.strokecolor=stringcolor  setTimeout("Ouille()",1)    } function momouse(){  xm=window.event.x 5  ym=window.event.y document.body.scrollTop 15  elastoc.from=xm "," ym } if(document.all&&window.print){ code="<v:line id=elastoc style='LEFT:0;POSITION:absolute;TOP:0' strokeweight='1.5pt'></v:line>"} else { code="<v:group style='LEFT:-10;WIDTH:100pt;POSITION:absolute;TOP:0;HEIGHT:100pt' coordsize='21600,21600'><v:line id=elastoc style='LEFT:0;WIDTH:100pt;POSITION:absolute;TOP:0;HEIGHT:100pt' strokeweight='1.5pt'></v:line></v:group>"} if(document.all&&window.print){ document.body.insertAdjacentHTML("afterBegin",code) document.onmousemove=momouse Ouille() } </script>   </body>  </html>

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

您可能感兴趣的文章：
jQuery当鼠标悬停时放大图片的效果实例
 photoshop模拟弹幕字体效果动态图片制作教程
 40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
 鼠标的滚轮失灵怎么办？
javascript特效-跟着鼠标飞的图片
 Jquery实现鼠标移上弹出提示框、移出消失思路及代码
 美图秀秀拼图功能打造时尚海报效果教程
 非常不错js弹出层效果代码
 Photoshop把一张手拿手机拍照片效果制作教程
 Photoshop软件APP切图和标注教程分享

上一篇：爬向鼠标的好多蚂蚁

[关闭]

跟随鼠标的弹性效果的运动图片

最近更新

浏览排行