国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JQuery入門――事件切換之hover()方法應用介紹

2019-11-20 23:00:16
字體:
來源:轉載
供稿:網友

1、在JQuery中,有兩個方法用于事件的切換,一個方法是hover(),另一個是toggle()。所謂切換事件,即有兩個以上的事件綁定于一個元素,在元素的行為動作間進行切換。如一個超級鏈接標記<a>若想實現當鼠標懸停時觸發一個事件,鼠標移出時又觸發一個事件,可以用切換事件輕松實現。

2、示例代碼

復制代碼 代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>切換事件hover</title>
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
$(".clsTitle").hover(function(){
$(".clsContent").show();
},
function(){
$(".clsContent").hide();
})
})
</script>
</head>

<body>
<div class="clsTitle">JQuery簡介</div>
<div class="clsContent">JQuery是由美國人John Resig于2006年創建的一個開源項目,它的主旨是:以更少的代碼,實現更多的功能</div>
</body>
</html>

3、效果圖預覽


當鼠標移動到JQuery簡介時:

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 广元市| 桃江县| 五峰| 陕西省| 会昌县| 周宁县| 江源县| 墨江| 新宁县| 西乡县| 昌平区| 精河县| 桃园县| 大渡口区| 西盟| 通化市| 昌平区| 当涂县| 深水埗区| 洱源县| 江川县| 杭州市| 和田县| 垣曲县| 东莞市| 高雄市| 丘北县| 大兴区| 延边| 鄂伦春自治旗| 虞城县| 德化县| 林口县| 新河县| 左贡县| 招远市| 峨山| 科尔| 台州市| 定陶县| 乐安县|