用CSS来实现鼠标翻转的特效代码
来源：互联摘选 日期：2001年04月27日 12:59:31
有什么问题请到<a href='/bbs/forums.php?fid=21'>论坛</a>中发表<br>
<!-- http://www.webjx.com/js -->
<!-- bbs http://www.webjx.com/bbs-->
<!-- 把下列代码加入到head区内 -->
需要两个图片：menu.jpg，menuover.jpg
<style>
.menulist a{
color: black;
display: block;
width: 170px;
height: 20px;
padding-left: 5px;
padding-top: 1px;
margin-bottom: 5px;
background-image: url(/js/menu.jpg);
background-repeat: no-repeat;
background-position: left top;
text-decoration: none;
font-weight: bold;
}
.menulist a:hover{
background-image: url(/js/menuover.jpg);
}
</style>
<!-- 把下列代码加入到body区内 -->
<div class="menulist">
<a href="http://www.webjx.com">Home</a>
<a href="http://www.webjx.com/">Submit</a> <a href="http://www.webjx.com/">Resources</a> <a href="http://www.webjx.com/">Contact</a>
</div>
<br/><br/><br/><br/><br/><br/><br/>
两个图片供大家下载使用
<img src=/js/menu.jpg>
<img src=/js/menuover.jpg>
