欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JQuery入門——事件切換之hover()方法應(yīng)用介紹

 更新時(shí)間：2013年02月05日 16:03:42   作者：  
謂切換事件，即有兩個(gè)以上的事件綁定于一個(gè)元素，在元素的行為動(dòng)作間進(jìn)行切換,有兩個(gè)方法用于事件的切換，一個(gè)方法是hover()，另一個(gè)是toggle(),感興趣的朋友不妨了解下,或許對你有所幫助

1、在JQuery中，有兩個(gè)方法用于事件的切換，一個(gè)方法是hover()，另一個(gè)是toggle()。所謂切換事件，即有兩個(gè)以上的事件綁定于一個(gè)元素，在元素的行為動(dòng)作間進(jìn)行切換。如一個(gè)超級鏈接標(biāo)記<a>若想實(shí)現(xiàn)當(dāng)鼠標(biāo)懸停時(shí)觸發(fā)一個(gè)事件，鼠標(biāo)移出時(shí)又觸發(fā)一個(gè)事件，可以用切換事件輕松實(shí)現(xiàn)。

2、示例代碼：

復(fù)制代碼 代碼如下:

<!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年創(chuàng)建的一個(gè)開源項(xiàng)目，它的主旨是：以更少的代碼，實(shí)現(xiàn)更多的功能</div>
</body>
</html>

3、效果圖預(yù)覽：


當(dāng)鼠標(biāo)移動(dòng)到JQuery簡介時(shí)：

相關(guān)文章

最新評論