标题：

用CSS来实现鼠标翻转的特效代码

需要两个图片：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>

<div class="menulist">
<a href="http://www.wysjs.cn">Home</a>
<a href="http://www.wysjs.cn/">Submit</a> <a href="http://www.wysjs.cn/">Resources</a> <a href="http://www.wysjs.cn/">Contact</a>
</div>

<br/><br/><br/><br/><br/><br/><br/>
两个图片供大家下载使用
<img src=/js/menu.jpg>
<img src=/js/menuover.jpg>

(刊登方式：转载来源：网络作者：添加：admin 关键词：)
您已阅读：用CSS来实现鼠标翻转的特效代码 您还可以继续阅读↓ 或回到首页看看>>>
上一篇： DIV CSS制作的符合标准的网页导航菜单(12)
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;chars..
下一篇： CSS滤镜效果收集(全)
在CSS样式中，提供了filter（滤镜效果），它可以对文字、图片、表格等确定范围的HTML标记设置滤镜效果。使用时候应该注意一点的是，在现在的网页布局中，往往是在div上附加滤镜的，如果单单的在html代码里面给div设置一个id，这样子滤镜是不会有作用的，必须要咋style或者css中定义这个id属性..

网页设计师联盟

用CSS来实现鼠标翻转的特效代码