這篇文章主要介紹javascript中hover怎么用,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
創新互聯公司服務項目包括云溪網站建設、云溪網站制作、云溪網頁制作以及云溪網絡營銷策劃等。多年來,我們專注于互聯網行業,利用自身積累的技術優勢、行業經驗、深度合作伙伴關系等,向廣大中小型企業、政府機構等提供互聯網行業的解決方案,云溪網站推廣取得了明顯的社會效益與經濟效益。目前,我們服務的客戶以成都為中心已經輻射到云溪省份的部分城市,未來相信會繼續擴大服務區域并繼續獲得客戶的支持與信任!
在JavaScript中,hover()方法用于規定當鼠標指針懸停在被選元素上時要運行的函數,既可以設置指針在元素上時的函數,也可以設置指針離開時的函數,語法為“$(元素).hover(inFunction,outFunction)”。

本教程操作環境:windows10系統、javascript1.8.5版、Dell G3電腦。
hover() 方法規定當鼠標指針懸停在被選元素上時要運行的兩個函數。
方法觸發 mouseenter 和 mouseleave 事件。
注意: 如果只指定一個函數,則 mouseenter 和 mouseleave 都執行它。
語法為:
$(selector).hover(inFunction,outFunction)
調用:
$( selector ).hover( handlerIn, handlerOut )
等同以下方式:
$( selector ).mouseenter( handlerIn ).mouseleave( handlerOut );
注意:如果只規定了一個函數,則它將會在 mouseenter 和 mouseleave 事件上運行。
調用:
$(selector).hover(handlerInOut)
等同于:
$( selector ).on( "mouseenter mouseleave", handlerInOut );
示例如下:
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("p").hover(function(){
$("p").css("background-color","yellow");
},function(){
$("p").css("background-color","pink");
});
});
</script>
</head>
<body>
<p>鼠標移動到該段落。</p>
</body>
</html>輸出結果:

以上是“javascript中hover怎么用”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注創新互聯行業資訊頻道!
當前標題:javascript中hover怎么用
新聞來源:http://www.yijiale78.com/article28/gipjcp.html
成都網站建設公司_創新互聯,為您提供網站內鏈、面包屑導航、網站改版、Google、微信小程序、微信公眾號
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯