图片震动 - 网页图标素材,免费网页模板,字体下载,网页特效,壁纸图片,矢量图片免费下载

　

您当前的位置：天空素材首页 -> 图片震动

　

		栏目导航

. 常用代码	. 综合特效
. 状态特效	. 游戏特效
. 页面背景	. 页面特效
. 页面导航	. 文本操作
. 文本特效	. 图形特效
. 鼠标特效	. 时间日期
. 密码特效	. 浏览相关
. 警告对话	. 技巧特效
. 计数转换	. 测试搜索
. 代码生成	. 播放音乐
. 按钮特效	. 系统相关
. 链接特效	. 黑客性质
. 相关特效	. 窗口特效
. 广告特效	. 表单表格
. 模拟例子

		相关文章


		本类热门

· 雷达效果
· 图片上链接的虚线框
· 禁止对图片用右键
· 图像过来
· 改变网页背景图片
· 飘动的图片
· 让IE6不出现图像工具栏...
· 图片默认的大小
· 图片震动
· 图片展示
· 一种很酷的图片动态切...
· 图片渐渐显示

　


		最新推荐

· 状态栏时间跳动特效
· 农历挂历特效
· 真正的万年历
· 网页特效菜单-会动的...
· 网页特效时间-任意位...
· 个人网页特效-有前后日...
· 时间每过一秒，Radio就...
· 时钟显示在任意指定位...
· 带开关的Form时钟
· 记录几天后的日期
· 显示登陆时间
· 退出时显示访问时间

　

　

　

	图片震动

图片震动

作者：无来源：本站整理名称：图片震动

减小字体增大字体

] 源码如下<br>----------------------------------------------------------<br><html><br><head><br><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><br><title>html－www.51<a target="_blank" href="http://www.newasp.cn/" class="wordstyle">windows</a>.Net</title><br></head><br><body><br><style><br>.shakeimage{<br>position:relative<br>}<br></style><br><script language="JavaScript1.2"><br><br>/*<br>Shake image script (onMouseover)- <br>?Dynamic Drive (www.dynamicdrive.com)<br>For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com<br>*/<br><br>//configure shake degree (where larger # equals greater shake)<br>var rector=3<br><br>///////DONE EDITTING///////////<br>var stopit=0 <br>var a=1<br><br>function init(which){<br>stopit=0<br>shake=which<br>shake.style.left=0<br>shake.style.top=0<br>}<br><br>function rattleimage(){<br>if ((!document.all&&!document.getElementById)||stopit==1)<br>return<br>if (a==1){<br>shake.style.top=parseInt(shake.style.top)+rector<br>}<br>else if (a==2){<br>shake.style.left=parseInt(shake.style.left)+rector<br>}<br>else if (a==3){<br>shake.style.top=parseInt(shake.style.top)-rector<br>}<br>else{<br>shake.style.left=parseInt(shake.style.left)-rector<br>}<br>if (a<4)<br>a++<br>else<br>a=1<br>setTimeout("rattleimage()",50)<br>}<br><br>function stoprattle(which){<br>stopit=1<br>which.style.left=0<br>which.style.top=0<br>}<br><br></script><br>把鼠标放在图片上<br><br><img src=http://www.haosc.com/wytx/115/"jsimg/cursor.gif" class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this)"><br></body><br></html> <br>

[提示：你可先按照下面代码提示修改上面部分代码，再按运行，此处看到的演示不完全正确]

此特效的详细完整代码如下：

] 源码如下
----------------------------------------------------------
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>html－www.51windows.Net</title>
</head>
<body>
<style>
.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>
把鼠标放在图片上<br>
<img src=http://www.haosc.com/wytx/115/"jsimg/cursor.gif" class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this)">
</body>
</html>

[返回上一页] [打印图片震动]

上一篇特效：图片展示

下一篇特效：图片默认的大小

　

　

　

| 关于本站 | 服务条款 | 友情连接 | 网站地图 | 联系方式 | 广告联系 |

　

　