Question

第一张图是网页最开始有的，第二张是当鼠标移到div区域时背景色和文字颜色改变，是链接哦，求html代码





Answer 1

.i{ width:800px; overflow:hidden; margin:0 auto; border:#00FF00 solid 1px; margin-top:300px;}
.i ul{ padding:0; margin:0;}
.i li{ list-style-type:none; font-size:13px;color:#1b6600; float:left; font-weight:bold; background-color:#00FFFF;}

.i li a{ width:92px; height:51px; font-size:14px; color:#1b6600; text-decoration:none; float:left; text-align:center; padding-top:20px; background-color:}
.i li a:hover{
width:92px;
height:50px;
text-decoration:none;
font-size:14px; background-color:#0066FF;
color:#FFFFFF;
float:left;
}

<div class="i">
<ul>
<li><a href="#">xxxxxxx</a></li>

</ul>
</div>
请采纳啊！！！！

Answer 2

网易首页的吧 用js给div添加mouseover或hover效果，代码如下：

<style>
.a {width:200px;height:100px;background:#ababab;color:#000;}
.b {background:red;color:#fff;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 
<script>
$(function(){
    $(".a").hover(function(){
        $(this).addClass("b");
    },function(){
        $(this).removeClass("b");
   });
});
</script>
<div class="a"><span>体育</span>  <span>NBA</span></div>

Answer 3

用JQUERY库的addClass方法也可以做到