鼠标移至图片后抖动的JS代码

代码简介：

仿QQ的窗口抖动特效，鼠标移到到图片上面，图片就开始疯狂的抖动，好像对你的鼠标过敏一样，比较有意思，有会你的网页增加了修改功能。

代码内容：

View Code

<html><head><title>鼠标移至图片后抖动的JS代码 - www.webdm.cn</title></head><BODY><style>.shakeimage{position:relative}</style><img src=http://www.webdm.cn/images/wall1_s.jpg class="shakeimage" onMouseover="init(this);rattleimage()" 

onMouseout="stoprattle(this)"><script language="JavaScript1.2">var rector=3var stopit=0 var a=1

function init(which){stopit=0shake=whichshake.style.left=0shake.style.top=0}

function rattleimage(){if ((!document.all && !document.getElementById)||stopit==1)returnif (a==1){shake.style.top=parseInt(shake.style.top)+rector}else if (a==2){shake.style.left=parseInt(shake.style.left)+rector}else if (a==3){shake.style.top=parseInt(shake.style.top)-rector}else{shake.style.left=parseInt(shake.style.left)-rector}if (a<4)a++elsea=1setTimeout("rattleimage()",50)}

function stoprattle(which){stopit=1which.style.left=0which.style.top=0}</script></body></html><br /><p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的网页代码下载网站 - 致力为中国站长提供有质量的网页代码！

</p>

代码来自：http://www.webdm.cn/webcode/1c36fac4-9137-4d1e-ad8e-028e3fa8effb.html

转载于:https://www.cnblogs.com/webdm/archive/2012/01/09/2316902.html

鼠标移至图片后抖动的JS代码相关推荐

css如何实现鼠标移至图片上显示遮罩层及文字
css如何实现鼠标移至图片上显示遮罩层及文字问题:一张图片当鼠标移动到上方时,会显示一个遮罩层,并且显示一些提示文字 html: <div class="contentimg&quo ...
鼠标移到图片上，图片放大
.Nei1 img{ width: 122px; height: 89.6px; float: left; padding: 2px 2px; transition: all 0.6s; } .Nei ...
php鼠标移过图片放大代码,鼠标移上去，图片会自动原地放大CSS写法
今天在制作一个zblog模板的时候,用上了这个图片放大特效,想到以前也没写过,就分享出来吧! 在我第一次接触这个特效的时候,以为会很复杂,至少会有几行代码才能去实现,但学习后真的精到了! CSS3的t ...
JQuery鼠标移到图片改变，移出图片恢复原来图片
JQuery鼠标移到图片改变,移出图片恢复原来图片 <script src="js/jquery-1.11.2.min.js"></script> &l ...
html 图片鼠标移上去点亮,CSS3 实现鼠标移到图片上时一片亮光一闪而过的效果...
01 效果描述 CSS3 实现鼠标移到图片上时一片亮光一闪而过的效果 02 效果图摘 03 关键代码 html: CSS: .hover14{ width:500px; float:left; } . ...
鼠标悬停 -css如何实现鼠标移至图片上显示遮罩层及文字
搜索这个效果的时候,很多人都是用css结合jQuery实现的,其实直接用css也可以实现哦~ 效果前: 效果后: 代码: <!DOCTYPE html> <html lang=&qu ...
DIV css中cursor属性详解-鼠标移到图片变换鼠标形状 (转)
css中cursor属性详解-鼠标移到图片变换鼠标形状语法: cursor : auto | all-scroll | col-resize| crosshair | default | hand ...
html弹窗后自动关闭页面,网页一键复制弹出提示窗口后几秒后自动关闭提示js代码...
L 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ...
右上角鼠标滑过展开收缩动画效果js代码的演示页面
http://files.cnblogs.com/files/tanlingdangan/top_right.rar.gz 右上角鼠标滑过展开收缩动画效果js代码的演示页面http://www.51x ...

鼠标移至图片后抖动的JS代码

鼠标移至图片后抖动的JS代码相关推荐

最新文章

热门文章