jQuery實(shí)現(xiàn)鼠標(biāo)懸停顯示提示信息窗口

時(shí)間：2016-11-25 15:59:01 沈迪豪908由分享

　　學(xué)習(xí)前端的小伙伴們知道這么用jQuery實(shí)現(xiàn)鼠標(biāo)懸停顯示提示信息窗口嗎?不知道的話跟著學(xué)習(xí)啦小編一起來(lái)學(xué)習(xí)怎么用jQuery實(shí)現(xiàn)鼠標(biāo)懸停顯示提示信息窗口。

　　用jQuery實(shí)現(xiàn)鼠標(biāo)懸停顯示提示信息窗口具體方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>鼠標(biāo)懸停顯示提示信息窗口</title>

.contact{width:100px;height:15px;

margin:20px 0 0 50px;background-color:#CCCCCC;

text-align:center;

}

.us{display:none;width:300px;height:40px;

padding:10px;position:relative;top:0px;left:50px;

background-color:#0099FF;

}

</style>

$(document).ready(function(){

$(".contact").mouseover(function(){

$(".us").show("slow");

$(".contact").mouseout(function(){

$(".us").hide("slow");

});

})

</script>

</head>

<body>

</body>

</html>

實(shí)現(xiàn)鼠標(biāo)懸停相關(guān)文章：