Question

鼠标放上去会变色下面就显示一版对应的超链接，高手指教下关于html+css问题，有例子的话帮写个瞧瞧吧谢谢

Answer 1

很简单的，

CSS代码

a{text-decoration: none;color: #eee;}
a:hover{ color:#1974A1;  }
.slideTxtBox .hd ul li{float:left;padding:0 15px;cursor:pointer;margin:20px 0;}.slideTxtBox .hd ul li.on{height:50px;background:#fff;line-height:4.0em;border:1px solid #a9a9a9;}.slideTxtBox .bd ul{padding:15px;zoom:1;}.slideTxtBox .bd li{height:280px;width:200px;line-height:24px;}.slideTxtBox .bd li .date{float:right;color:#999;}.slideTxtBox .bd ul li a img{width:196px;height:251px;}ul li span{position:relative;top:-62px;left:2px;height:40px;line-height:2.5em;background-color:#333;filter:alpha(opacity=60);opacity:0.6;display:block;width:196px;text-align:center;}.bd{float:left;margin-left:90px;}.slideTxtBox .arrow{position:absolute;right:10px;top:0;}.slideTxtBox .arrow a{display:block;width:5px;height:9px;float:right;margin-right:5px;margin-top:10px;overflow:hidden;cursor:pointer;background:url("../images/arrow.png") 0 0 no-repeat;}.slideTxtBox .arrow .next{background-position:0 -50px;}.slideTxtBox .arrow .prevStop{background-position:-60px 0;}.slideTxtBox .arrow .nextStop{background-position:-60px -50px;}

BODY代码
<div class="slideTxtBox">
<div class="hd"><ul><li>高频点击</li><li>最新更新</li></ul></div>
<div class="bd">
<ul>script src='

<ul><script src='

根据内容添加内容和栏目即可，