Question

JS,HTML,CSS想写一个下拉菜单脚本

功能如下：鼠标移上去，自动弹出子菜单，移动到另外一处，原本的子菜单收起，鼠标处下滑出子菜单。如图：





Answer 1

#rr{ width:500px; height:30px; list-style:none; padding:0;}
#rr li.dd{ float:left; margin-right:10px; margin-left:0; border:1px solid red; width:70px; text-align:center;}
#rr li.dd #tt{ list-style:none; padding:0; margin-left:0; display:none; margin-top:20px; width:70px;}

function onMouseover()
{
var obj=document.getElementById("tt");
obj.style.display="block";
}
function onMouseout()
{
var obj=document.getElementById("tt");
obj.style.display="none";
}

产品

避孕套

伟哥

充气娃娃

首页

首页

首页

第二种方法：利用Jquery

$(document).ready(function(){
$('#gg').hover(function(){
$('#tt').css('display','block');},function(){
$('#tt').css('display','none');
});
});

Answer 2

• 用上jquery会简单很多