鼠标感应图片应震动效果代码
来源:互联网 发布:腾讯qq网络平台 编辑:程序博客网 时间:2024/05/05 05:07
.shakeimage{
position:relative
}
</style>
<script language="javascript1.2">
/*
Shake image script (onMouseover)-
?Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
//configure shake degree (where larger # equals greater shake)
var rector=3
///////DONE EDITTING///////////
var stopit=0
var a=1
function init(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
}
function rattleimage(){
if ((!document.all&&!document.getElementById)||stopit==1)
return
if (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++
else
a=1
setTimeout("rattleimage()",50)
}
function stoprattle(which){
stopit=1
which.style.left=0
which.style.top=0
}
</script>
鼠标放在我上面看看
<img src=simple_images/alixixi.gif class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this)">
- 鼠标感应图片应震动效果代码
- 鼠标移动图片震动效果
- 对联广告代码效果[鼠标感应]
- 对联广告代码效果[鼠标感应]
- 感应鼠标的图片遮罩动画效果
- CSS3感应鼠标背景闪烁和图片缩放效果
- 鼠标感应渐显图片
- jQuery实现仿flash大图切换效果(带鼠标感应)
- 响应式图片列表鼠标经过放大效果样式代码
- 图片鼠标透明效果
- JS插件分享:sHover 感应鼠标进入方向图片展示
- jQuery实现图片震动效果jquery博客右侧广告效果
- JS原生代码实现鼠标移动图片随之移动效果(另加点击改变图片效果)
- 图片的鼠标悬浮效果
- 鼠标效应图片渐显效果
- 鼠标经过图片晃动效果
- 跟随鼠标的图片效果
- 鼠标滚动缩放图片效果
- Configuration Management Tools Can Ease the Migration From Microsoft to Linux @ JDJ
- 使用VBScript和JScript编写WEB应用程序(一)
- Technology Is Back: CES 2005 Was the Turning-Point @ JDJ
- 始终浮动在页面顶部的链接文字
- SQL Embedded in Java - Part 2 @ JDJ
- 鼠标感应图片应震动效果代码
- How To Use JavaSoft References For Caching @ JDJ
- Part III Finale: A SQLJ MAGIC SHOW @ JDJ
- 鼠标链接热点更换图片
- Migration Planning for Linux Desktop Adoption @ JDJ
- 鼠标效应图片渐显效果
- Push for Corporate Intranets @ JDJ
- Turkish Java Needs Special Brewing @ JDJ
- 双击自动滚屏代码