js鼠标滑过图片震动特效的方法
作者：代码家园 发布时间：2023-08-23 21:38:50
标签：js,鼠标,图片,方法
本文实例讲述了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程序设计有所帮助。
0
投稿猜你喜欢
前言因为工作中不怎么使用python，所以对python的了解不够，只是在使用的时候才去学，在之前的几个例子中几乎没使用什么python的特- 格式请使用 gif 或 jpg 或swf （flash）同一组广告请使用一种格式。命名命名方式：宽x高.图片格式x 必须小写 ； 图片格式
- 前言：opencv最主要的的功能是用于图像处理，所以图像的概念贯穿了整个opencv，与其相关的核心类就是Mat。像素：图片尺寸以像素为单位
- var obj = document.getElementById("testSelect"); //定位idvar i
- 本文实例讲述了Python实现的本地文件搜索功能。分享给大家供大家参考，具体如下：偶尔需要搜索指定文件，不想每次都在windows下面去搜索
- 在讲CSS优先级之前，我们得要了解什么是CSS，CSS是用来做什么的。首先，我们对CSS作一个简单的说明：CSS是层叠样式表（Cascadi
- 列表更多的方法index()：返回指定数据所在位置的下标 (注意：如果查找的数据不存在则报错。)。count()：统计指定数据在当前列表中出
- Fuse.js是什么最近在项目里用到了Fuse.js做模糊查询，便对这个算法起了点好奇心，翻了翻源码。Fuse.js 是一个 JavaScr
- 本文介绍了Python WEB应用部署的实现方法，分享给大家，具体如下： 使用Apache模块mod_wsgi运行Python WSGI应用
- 1. 进入mysql/bin目录下输入mysqladmin processlist; 2. 启动mysql，输入show processli
- vant文档：Vant 2 - Mobile UI Components built on Vue实现效果： 代码实现：1.nav
- 利用pymongo包进行数据库的连接，使用xlrd包读取excel数据，由于二者数据结构的不同，要将excel格式数据转换为json格式数据
- 本文介绍了详解vue 模版组件的三种用法，分享给大家，具体如下：第一种//首先，别忘了引入vue.js<div id="us
- class ascii{function decode($str){ preg_match_all( &
- XML虽然比JSON复杂，在Web中应用也不如以前多了，不过仍有很多地方在用，所以，有必要了解如何操作XML。DOM vs SAX操作XML
- 本文实例讲述了Go语言中嵌入C语言的方法。分享给大家供大家参考。具体分析如下：Go语言官方带了一个工具叫cgo，可以很方便的在Go语言代码中
- 1. 进入SSMS点击展开sqlserver代理，右键点击“作业”，然后选择新建作业。2. 填写名称
- 当你用 ASP 编写服务器端应用程序时，必须依靠 ActiveX
- 这本来是翻译Estelle Weyl的《15 JavaScript Gotchas》，里面介绍的都是在JavaScript编程实践中平时容易
- 最近有用到对存储过程（procedure)重命名的功能，在网上找了一下资料都没有讲到在mysql中是如何实现的，当然可以删掉再重建，但是应该
