jquery 怎么实现鼠标悬停下拉列表

这个用html和css里就可以做。里面让li的内容为一个div，让盒子绝对定位，属性display：none，给这个li里的超链接加个伪类，属性为disply：block，就可以实现

创新互联建站是一家集网站建设,威县企业网站建设,威县品牌网站建设,网站定制,威县网站建设报价,网络营销,网络优化,威县网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

juqery用到的知识一个鼠标悬浮触发事件，下拉列表的重点在绝对定位。

如何用jquery实现鼠标悬停显示隐藏的菜单

可以用jquery的鼠标悬停事件 mouseover，即鼠标停留在某个dom元素触发，在这个事件里面，动态改变菜单的css就好了；对应的mouseout是鼠标移开事件

Jquery鼠标悬停事件问题！！急

$("#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");

jquery元素悬停效果

鼠标离开li元素，移到div上div不消失。这个还要结合css,通过相对定位（绝对也行），利用他们的层叠性z-index，使div在li下面。

style type="text/css"

*{ margin:0; padding:0;}

ul{ overflow:auto; position:relative; z-index:2; top:1px;}/*通过top:1px,使li覆盖div一个像素*/

li{ float:left; list-style:none; margin:0 10px;}

#div1{ width: 150px; height:100px; background:#ccc; display:none; position:relative; z-index:1;}

/style

script type="text/javascript"

$(function(){

$("li,#div1").hover(

function(){

$("#div1").show();

},

function(){

$("#div1").hide();

}

);

})

/script

/head

body

ul id="ul1"

lia href="#"list1/a/li

lia href="#"list2/a/li

lia href="#"list3/a/li

/ul

div id="div1"/div

/body

/html

本文标题：jquery悬停,jquery鼠标悬停
网址分享：http://myzitong.com/article/hospgi.html