导航栏项目悬浮显示隐藏

方法一：

鼠标悬停指定div显示隐藏

$(document).ready(function(){
$(".login-right").hover(function(){
$(".show-alert-inform").css("display","block");
},function(){
$(".show-alert-inform").css("display","none");
});
});

方法二：

点击实现样式轮流更改

$(document).ready(function(){
$("p").toggle(
function(){$("p").css({"color":"red"});},
function(){$("p").css({"color":"blue"});},
function(){$("p").css({"color":"green"});
});
})

 

方法三

hover
<div>
aaaaa<span style="display:none;color:#19f">bbb</span>
</div>
<input style="display:none;"/>
<Script>
$('div').hover(function(){$('span',this).show(),$('input').show()},function(){$('span',this).hide();$('input').hide()})
</Script>