jquery鼠标移入移出隐藏显示 jq鼠标移入移出显示和隐藏

Jquery的show()和hide()的问题 目前是鼠标移入li则显示DIV，移除则隐藏，怎样加个过渡动画让它渐渐显隐？

jq有自带的显示隐藏函数，不用自定义，可以使用fadeToggle()函数实现淡入淡出效果。如：

$("#one").hover(function(){

    $("#item").fadeToggle();

});

使用Jq函数，前提是要引入jquery库，即jquery.js

相关问答

Q1: jQuery如何实现鼠标移入移出显示与隐藏二级菜单啊

div class="parent"

lia区域/li

div class="bb"bbbbb区域/div

/div

style

.bb{display:none;}

/style

script

//引入jquery.js后

$(function(){

$(".parent").hover(

function(){

$(".bb").show();

},

functin(){

$(".bb").hide();

}

);

})

/script

Q2: jquery问题，鼠标移除间隔一秒隐藏div层，鼠标移上去继续显示div，一秒内可反复移入移除

style

#menu li{float:left:position:relative;line-height:35px;}

#menu li .sub{width:300px;height:300px; background-color:#000;position:absolute;left:0;top:0;display:none;}

/style

ul id="menu"lia href="a"aaaa/adiv class="sub"/div/li

script

var nav=$("#menu li");

var tm;

li.hover(function(){

var a=$(this).find(".sub");

if(tm){

clearTimeout(tm);

}

a.show();

$(this).attr("data-id","1");

},function(){

var a=$(this).find(".sub");

tm=setTimeout(function(){$(this).attr("data-id","0");a.hide();},1000);

});

/script

简单来将在li如果之前有过划入，并且离开后倒计时没结束，那么在此划入不会改变他的显示状态。如果前面的倒计时还在那就清除倒计时重新开始。

关于jquery鼠标移入移出隐藏显示和jq鼠标移入移出显示和隐藏的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。