Question

显示和隐藏DIV代码

像这样的导航怎么制作呢？求代码，谢谢！鼠标移至宠物显示下面这个，移至星座显示另外一个DIV.

Answer 1

这一类的一般都是用jq控制的，下面一个给你参考下吧

<table>
<tr>
<td class="dh" value='1' bgcolor="black">宠物</td>
<td class="dh" value='1' bgcolor="black">星座</td>
<td class="dh" value='1' bgcolor="black">测试</td>
</tr>
<tr><td colspan="3">
<div class="div div1">我是宠物栏目</div>
<div class="div div2" style="display:none">我是星座栏目</div>
<div class="div div3" style="display:none">我是测试栏目</div>
</td></tr>
</table>
<sript src="jquery.js"></script>
<script>
$(function(){
$(".dh").click(function(){
var val=$(this).attr("value");
$(".div").hide();
$(".div"+val).show();
})
})

</script>

Answer 2

最简单的方法就是用js进行控制，当鼠标经过的时候把内容改变啦

Answer 3

你可以搜索一下TAB标签 会有很多种这样的