易网时代-编程资源站
Welcome
微信登录
编程资源
图片资源库
蚂蚁家优选
PDF转换器
软件资源
软件开发
、
小程序制作
、
系统集成与运维
、
空间租用
、
硬件开发
、
视频监控
、
技术咨询与支持
——联系电话：0311-88999002/88999003
首页
/
脚本样式
/
JavaScript
/
js 鼠标放图片上抖动效果
在线演示:
<html><head><title>鼠标移至图片后抖动的JS代码 </title></head><BODY> <style>.shakeimage{position:relative; left:100px; top:100px;}</style> <img src="http://www.jb51.net/images/logo.gif" class="shakeimage" onMouseover="shake（this,"onmouseout"）" > <script language="JavaScript1.2"> var typ=["marginTop","marginLeft"],rangeN=10,timeout=20; function shake（o,end）{ var range=Math.floor（Math.random（）*rangeN）; var typN=Math.floor（Math.random（）*typ.length）; o["style"][typ[typN]]=""+range+"px"; var shakeTimer=setTimeout（function（）{shake（o,end）},timeout）; o[end]=function（）{clearTimeout（shakeTimer）}; } </script> </body></html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
创意之处：
调用简单：事件="shake（this,"onmouseout"）";
代码简短：函数主体程序仅仅5行代码
性能高
逻辑清晰，便于二次开发
收藏该网址
版权所有©石家庄振强科技有限公司2024
冀ICP备08103738号-5
网站地图
易网时代-编程资源站
易网时代-编程资源站