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
投稿猜你喜欢
- 前言为了满足用户渠道推广分析和用户账号绑定等场景的需要，公众平台提供了生成带参数二维码的接口。使用该接口可以获得多个带不同场景值的二维码，用
关联模型（多对多）多对多关系（抽象）例：一篇文章可能有多个关键词，一个关键词可能被多个文章使用。 关键词表：字段id主键字段keyword关- 因为要写个东西用到，所以百度了一下，居然有朋友乱写，而且比较多，都没有认真测试过，只对字符可以，但是对数字就不可以，而且通用性很差，需要修改
- 神经网络框架使用方法及设计思想在框自己手写架上基本模仿pytorch，用以学习神经网络的基本算法，如前向传播、反向传播、各种层、各种激活函数
- 1.首先安装 “Python” 插件2.安装 pylint 语法检查器推荐安装在当前的 Python
- 是在客户端确认还是在服务器端确认？ <SCRIPT LANGUAGE="VBSc
- 众所周知，IE 6只支持单通道的PNG图片（即只有透明/不透明2种状态，gif图片的透明单通道透明），因此如果需要使用alpha透明的png
- 1.删除所有的目录，只保留datasharebin2.删除BIN下面除以下三个文件之外的所有文件：libmysql.dll(MYSQL5中的
- Python中的random模块用于生成随机数，它提供了很多函数。常用函数总结如下：1. random.random()用于生成一个0到1的
- ALTER DATABASE DATAFILEd:\ORANT\DATABASE\USER1ORCL.ORA RESIZE 10
- 相关的题外话：一、操作系统window系统内部都是unicode的。文件夹名，文件名等都是unicode的，任何语言系统下都能正常显示。二、
- 可以查看mysql文件目录my.ini文件，可以找到类似于 datadir="D:/beeagle/Program Files/M
- 如今大部分网站仍然采用表格嵌套内容的方式来制作网站，虽然此方法对于我们来说比较熟悉、比较上手；但是，它却阻碍了一种更好的、更有亲和力的、更灵
- 在document.form1.submit();后加document.body.innerHtml = "W
- 最近项目很忙没机会更新博客。有朋友在和我谈学艺术的就业问题，就随便谈一下自己的想法。每年中国美院报考的人数与日俱增，越来越多的人投入到艺术设
- 在网页设计发展到一定阶段的时候就必然会和其他学科或领域只是产生交汇和共鸣，在阅读《超越CSS：web设计艺术精髓》这本书的时候，发现原来we
- 在我们建立一个数据库时，并且想将分散在各处的不同类型的数据库分类汇总在这个新建的数据库中时，尤其是在进行数据检验、净化和转换时，将会面临很大
- 这篇文章介绍了 5 个实用的 CSS 属性。你应该很熟悉，但很可能很少会使用到。我并不是在谈论展望全新的 CSS3 属性，我指的是旧的 CS
- 学习一些你已经知道的知识也没有什么坏处，是吧？我知道这可能并不一定非常有意义，但是很多时候我们往往知其然而不知其所以然，这会使得事情出现惊人
- 首先我的环境已配置好：GO的目录结构是：add.gopackage calc//函数名必须大写首字母，不然外部包找不到func Add(a
