css样式问题,如何实现?求高手帮忙啊
发布网友
发布时间：2022-04-06 12:27
共2个回答
热心网友
时间：2022-04-06 13:56
下面这段是简单的思路，能实现你要的功能，你改改就OK了：
<script src="jquery-1.9.1.min.js"></script><script>
function Cmd(v){
$(".divs").each(function(){
$(this).hide();
});
$("#d"+v).show();
}
</script>
<div>
<a href="javascript:void(0);" onmouseover="Cmd(1);">栏目1</a>
<a href="javascript:void(0);" onmouseover="Cmd(2);">栏目2</a>
<a href="javascript:void(0);" onmouseover="Cmd(3);">栏目3</a>
</div>
<div>
<div id="d1" class="divs" style="width:200px;height:200px;border:1px solid blue;">内容1</div>
<div id="d2" class="divs" style="width:200px;height:200px;border:1px solid blue;display:none;">内容2</div>
<div id="d3" class="divs" style="width:200px;height:200px;border:1px solid blue;display:none;">内容3</div>
</div>
热心网友
时间：2022-04-06 15:14
关于hover的介绍：http://www.w3school.com.cn/cssref/selector_hover.asp
