js做鼠标划过显示下拉菜单效果,做不出来,着急焦虑了一下午都没做出来!到底咋做?

 我来答
百度网友35ecc63
2015-08-11 · TA获得超过159个赞
知道小有建树答主
回答量:99
采纳率:0%
帮助的人:42.2万
展开全部
一般来说主菜单都是几个li排序下里面的a标签,那么你需要在a标下简历拉框的高度和宽度来写入你需要的内容,框的个数多少由你自己需要设定,如:(li div a{display:block;width:100px;height:100px;},切记前面要加display:block)。一般建立完后都是被覆盖的,你需要设定垂直上浮,来显示你的下拉框,如(position:absolute;z-index:999;),此时呢,是静态效果,你需要把所有下拉框隐藏起来li div{display:none;}。动态效果js需要做的是:
var nav=document.getElementById('nav');
var nav_div=document.getElementById('nav_div');
var nav_li=document.getElementsByTagName('li')[];/*([]里面是你第几个需要设定的数字,切记从0开始数哦,好比你需要设定第二个,那么应该是[1])*/
nav_li.onmouseover=function(){
nav_div.style.display='block';

}
nav_li.onmouseout=function(){
nav_div.style.display='none';

}
宿舍总动员

2015-08-11 · TA获得超过8373个赞
知道大有可为答主
回答量:1.3万
采纳率:71%
帮助的人:1934万
展开全部
推荐w3cschool
既可以学习理论又可以在线实践
追答
可以参照jquery部分内容
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式