重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这个用html和css里就可以做。里面让li的内容为一个div,让盒子绝对定位,属性display:none,给这个li里的超链接加个伪类,属性为disply:block,就可以实现
创新新互联,凭借十年的成都网站建设、网站设计经验,本着真心·诚心服务的企业理念服务于成都中小企业设计网站有成百上千案例。做网站建设,选成都创新互联公司。
juqery用到的知识一个鼠标悬浮触发事件,下拉列表的重点在绝对定位。
加个定时器,延迟一秒执行,给这个区域加一个鼠标离开事件。离开就关闭那个定时器,就可以了。
可以用jquery的鼠标悬停事件 mouseover,即鼠标停留在某个dom元素触发,在这个事件里面,动态改变菜单的css就好了;对应的mouseout是鼠标移开事件
$("#t1").css("bgcolor","#ddddde");
$("#t2").css("bgcolor","#ddddde");
$("#t3").css("bgcolor","#ddddde");
$("#t4").css("bgcolor","#ddddde");
(this).css("bgcolor","#0056c8");
},function(){$(this).css("bgcolor","#ddddde");
(this).css("bgcolor","#0056c8"); 这里错了 不是 而是 $(this).css("bgcolor","#0056c8");