国产探花免费观看_亚洲丰满少妇自慰呻吟_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簡介時:

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 积石山| 石林| 开化县| 澄城县| 天津市| 芜湖县| 唐河县| 普陀区| 瑞金市| 昆明市| 墨江| 隆安县| 应城市| 甘洛县| 长顺县| 疏附县| 巴南区| 永福县| 新民市| 深水埗区| 越西县| 迁西县| 哈巴河县| 隆安县| 霍城县| 宁河县| 阿图什市| 扬州市| 四会市| 苍梧县| 大邑县| 南华县| 化隆| 安岳县| 三门峡市| 瑞昌市| 竹溪县| 灵宝市| 丰都县| 汝州市| 资兴市|