鼠标指向图片时,图片有微小上下动作

稿源：互联网 2022-04-20 08:04:55 点击： 1653 撤稿纠错

鼠标指向图片时,图片有微小上下动作，换张图片再运行代码可以看到更好的效果。

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

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

有什么问题请到<a href='/bbs/index.asp?boardid=2'>论坛</a>中发表<br>


<!--要完成此效果需要两个步骤

第一步：把如下代码加入到<head>区域中-->

<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>

<img src    = "http://www.alixixi.com/UploadPic/userface/no1323.jpg"
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/UploadPic/userface/no1323.jpg"
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/UploadPic/userface/no1323.jpg"
width       = "90"
height      = "90"
border      = "0"
class       = "mouseBeOffMe"
onmouseover = "this.className='mouseBeOnMe'"
onmousedown = "this.className='mouseBeDown'"
onmouseup   = "this.className='mouseBeUp'"
onmouseout  = "this.className='mouseBeOffMe'">

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于鼠标指向图片时,图片有微小上下动作的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/20080714870.shtml方便下次再访问哦。

·上一篇： 自由控制显示图片大小
·下一篇： 超炫的图片转换效果

鼠标指向图片时,图片有微小上下动作

文章分类LIST >>返回首页

最新游戏

最新新闻