Question

在PS做好的导航条在DW里怎样用样式实现鼠标经过时有效果？

对于网页制作我算是新手，所以CSS和JS不是很熟！请详细指教，谢谢！
我在DW是做好了效果，单独看网页是成功的，但发布在有些网站上可能不支持JS的原因，生成不了动的效果！

Answer 1

导航动的a:hover 鼠标经过的样式 padding-top padding-left 几个像素就有动的效果的啦！！

追问

不是很明白，能说具体点吗？

追答

opl
sdfs
sdafs

如果是整个图片的话！
a{} 和a:hover{}可以分别设置不同的background

追问

谢谢！

Answer 2

看看CSS吧.

追问

是要好好学习下了！

Answer 3

<!-- 这个是我做的一个网页的导航栏CSS,希望对你有用,看不懂的话就别问了,学习CSS吧 -->
<!-- 连接字体图片颜色 -->
a:link { text-decoration: none;color: black}
a:active { text-decoration:black}
a:visited { text-decoration: none;color: black}
img{border:0px}
body.bodybg{
background-color:#ffffff;
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#9f6dac', endColorStr='#c18dc4', gradientType='0');
}
<!-- 导航栏 -->
table.zhukuang05{
width: 960px;
height: 30px;
top: 0px;
left: 0px;
}
tr.daohangtr {
list-style:none;
width:960px;
height:26px;
margin:20px auto;
}
td.daohangtd {
font-size:4px;
float:left;
width:76px;
height:26px;
text-align: center;
margin:0 -5px;
display:inline;
}
a.daohanga {
color:#ffffff;
float:left;
width:76px;
height:26px;
top:0;
left:0;
background:url(../png/22.png) center center no-repeat;
}
a:hover {
color:#dd0000;
background:url(../png/33.png) 0 0 no-repeat;
width:76px;
position:relative;
}
.ziti{
font-size:16px;
}

追问

谢谢您的耐心解答，我还得继续努力学习！

Answer 4

刚给你找到了，不过不让发链接，自己百度搜索一下 网页超链接鼠标样式的设置 看看是不是你要的效果

追问

谢谢！