jQuery中mouseover事件用法實(shí)例
本文實(shí)例講述了jQuery中mouseover事件用法。分享給大家供大家參考。具體分析如下:
當(dāng)鼠標(biāo)指針位于匹配的元素上方或者調(diào)用mouseover()方法時觸發(fā)mouseover事件。
一個完整的事件過程,不但要有能夠觸發(fā)事件的條件,而且還要有事件處理程序。
可以通過mouseover()方法為mouseover事件綁定事件處理程序。例如:
以上代碼就是將function函數(shù)作為事件處理程序通過mouseover()方法綁定到mouseover事件。
當(dāng)觸發(fā)mouseover事件的時候,就會調(diào)此函數(shù)。
實(shí)例代碼:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<meta name="author" content="http://www.dbjr.com.cn/" />
<title>mouseover事件-腳本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("div").mouseover(function(){
$("div").text("腳本之家歡迎您!");
})
})
</script>
</head>
<body>
<div>原來的文字</div>
</body>
</html>
希望本文所述對大家的jQuery程序設(shè)計有所幫助。
相關(guān)文章
使用jquery實(shí)現(xiàn)鼠標(biāo)滑過彈出更多相關(guān)信息層附源碼下載
當(dāng)要在有限的空間展示更多的信息時,我們經(jīng)常會采取鼠標(biāo)滑過彈出更多相關(guān)信息層,提高互動性。尤其可以應(yīng)用在公司照片墻、招聘網(wǎng)站求職者信息展示等等場景,本文給大家分享使用jquery實(shí)現(xiàn)鼠標(biāo)滑過彈出更多相關(guān)信息層附源碼下載,感興趣的朋友參考下2015-11-11jquery動態(tài)創(chuàng)建div與input的實(shí)例代碼
下面小編就為大家?guī)硪黄猨query動態(tài)創(chuàng)建div與input的實(shí)例代碼。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-10-10jquery 可拖拽的窗體控件實(shí)現(xiàn)代碼
這個是一個讓DOM元素可以拖拽的控件,代碼很簡單,我也是新手,不知道有沒有BUG,自己測試還行,希望大家發(fā)現(xiàn)BUG,踴躍提出,謝謝。這個是基于JQUERY開發(fā)的2010-03-03Jquery選擇器中使用變量實(shí)現(xiàn)動態(tài)選擇例子
這篇文章主要介紹了Jquery選擇器中使用變量實(shí)現(xiàn)動態(tài)選擇例子,這樣做的好處我們可以動態(tài)選擇一些元素,核心思想其實(shí)就是用字符串組合,需要的朋友可以參考下2014-07-07