鼠标使图片抖动

稿源：互联网 2022-04-21 16:10:59 点击： 1309 撤稿纠错

鼠标移到图片上面，图片会稍微移动，可自定义图片及移动距离。

以下讨论的是和特效相关的鼠标使图片抖动教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

脚本说明:
把如下代码加入
<body>
区域中
<style>
<!--

.mouseBeOffMe {
border-top:    10px  solid #000000; 
border-bottom: 10px  solid #000000; 
border-left:   6px   solid #000000; 
border-right:  10px  solid #000000; 
}

.mouseBeOnMe {
border-top:    6px   solid #000000;
border-bottom: 14px  solid #000000; 
border-left:   10px  solid #000000; 
border-right:  6px   solid #000000;
}

.mouseBeDown {
border-top:    13px  solid #000000;
border-bottom: 7px   solid #000000; 
border-left:   10px  solid #000000; 
border-right:  6px   solid #000000;
}

.mouseBeUp {
border-top:    10px  solid #000000;
border-bottom: 10px  solid #000000; 
border-left:   10px  solid #000000; 
border-right:  6px   solid #000000;
}

//-->
</style>
<table border="0" cellpadding="7" cellspacing="0" bgcolor="#000000">
  <tr>
    <td bgcolor="#000000"><img src = "http://www.alixixi.com/images/face/image21.gif" title = "This is the Image One Label" width= "90" height = "90" border = "0" class = "mouseBeOffMe" onmouseover = "this.className='mouseBeOnMe'" onmousedown =  "this.className='mouseBeDown'" onmouseup   = "this.className='mouseBeUp'" onmouseout  = "this.className='mouseBeOffMe'"> <img src    = "http://www.alixixi.com/images/face/image21.gif"
title       = "This is the Image Two Label"
width       = "90"
height      = "90"
border      = "0"
class       = "mouseBeOffMe"
onmouseover = "this.className='mouseBeOnMe'"
onmousedown = "this.className='mouseBeDown'"
onmouseup   = "this.className='mouseBeUp'"
onmouseout  = "this.className='mouseBeOffMe'"> <img src    = "http://www.alixixi.com/images/face/image21.gif"
title       = "This is the Image Three Label"
width       = "90"
height      = "90"
border      = "0"
class       = "mouseBeOffMe"
onmouseover = "this.className='mouseBeOnMe'"
onmousedown = "this.className='mouseBeDown'"
onmouseup   = "this.className='mouseBeUp'"
onmouseout  = "this.className='mouseBeOffMe'"> </td>
  </tr>
  <tr>
    <td bgcolor="#141414" align="center"><font color="#EFE7DF" size="2" face="Arial">鼠标移动到图片上时图片会闪动<br>
      点住鼠标左键后图片也会闪动<br>
      松开鼠标左键后图片会恢复正常<br>
    </td>
  </tr>
</table>

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于鼠标使图片抖动的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/20080719935.shtml方便下次再访问哦。

·上一篇： 跟随鼠标旋转背景
·下一篇： 点击图片获得信息

鼠标使图片抖动

文章分类LIST >>返回首页

最新游戏

最新新闻