有什么问题请到<a href='/bbs/forums.php?fid=21'>论坛</a>中发表<br>
<!-- http://www.webjx.com -->
<!-- bbs http://bbs.webjx.com -->
<!--要完成此效果需要两个步骤
第一步：把如下代码加入到<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>
<!--第二步：把如下代码加入到<body>区域中-->
<img src = "http://www.webjx.com/images/logo.gif"
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.webjx.com/images/shangye.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.webjx.com/images/qiye.gif"
width = "90"
height = "90"
border = "0"
class = "mouseBeOffMe"
onmouseover = "this.className='mouseBeOnMe'"
onmousedown = "this.className='mouseBeDown'"
onmouseup = "this.className='mouseBeUp'"
onmouseout = "this.className='mouseBeOffMe'">
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]