js鼠标滑过图片震动特效的方法
作者：代码家园 时间：2023-08-23 21:38:50
本文实例讲述了js鼠标滑过图片震动特效的方法。分享给大家供大家参考。具体实现方法如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>鼠标滑过 图片震动效果</title>
<STYLE>.shakeimage {
POSITION: relative
}
</STYLE>
</head>
<body>
<SCRIPT language=JavaScript1.2>
<!--
var rector=3
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 class="shakeimage" onMouseOver="init(this);rattleimage()" onMouseOut="stoprattle(this)" src="/images/csrcode.ico" border="0" style="cursor:pointer;"/>
<img class="shakeimage" onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this)" src="/images/changshi.ico" border="0" style="cursor:pointer;"/>
<img class="shakeimage" onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this)" src="/images/links.ico" border="0" style="cursor:pointer;"/>
鼠标滑过图片预览效果。
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。
标签：js,鼠标,图片,方法
0
投稿猜你喜欢
强悍的Python读取大文件的解决方案
2021-12-26 19:25:28
python pip安装的包目录(site-packages目录的位置)
2022-08-23 13:20:38
Python深入浅出分析元类
2022-01-10 09:09:00
vue-seamless-scroll无缝滚动组件使用方法详解
2024-04-29 13:07:51
Golang 处理浮点数遇到的精度问题(使用decimal)
2024-04-25 15:01:15
详细解读python操作json文件的详细
2021-01-31 10:41:42
python实现手机销售管理系统
2023-01-16 00:02:04
php面象对象数据库操作类实例
2023-10-13 22:33:05
ASP.NET教程第一讲 ASP.NET简介
2007-08-07 11:50:00
我要如何了解用户的需求
2007-08-26 17:19:00
Python标准库之随机数 (math包、random包)介绍
2021-09-26 11:57:08
Python从使用线程到使用async/await的深入讲解
2021-07-26 10:56:11
sqlserver四舍五入使用round函数及cast和convert函数
2024-01-21 18:20:53
python多线程与多进程及其区别详解
2021-10-10 04:04:49
Python使用reportlab模块生成PDF格式的文档
2021-05-25 22:17:31
Python+Selenium+Webdriver实现自动执行微软奖励积分脚本
2022-09-13 13:49:07
php基于websocket搭建简易聊天室实践
2023-11-17 12:45:42
python实现好看的时钟效果
2021-02-11 23:44:25
百度百科中的asp词条:什么是asp
2008-10-11 14:38:00
JavaScript中利用各种循环进行遍历的方式总结
2024-04-17 10:10:36