jQuery 鼠標(biāo)經(jīng)過(guò)Div底色變換(滑動(dòng)變色)_層和布局特效

其實(shí)這種效果可以不用jQuery，不過(guò)這樣會(huì)寫(xiě)很多的JavaScript代碼，覺(jué)得jQuery還是很方便的，不足之外敬請(qǐng)指正。
　　提示：第一次運(yùn)行請(qǐng)稍等一會(huì)或者重新刷新頁(yè)面，因調(diào)用了遠(yuǎn)程的jquery插件，需要加載完成才能運(yùn)行。

<html>
<head>
<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312" />
<title>jQuery 鼠標(biāo)經(jīng)過(guò)Div底色變換</title>
<style type="text/css">
.divbox{ 
  height:300px;
  width:200px;
  background:#ffffff;
  border:solid 1px #ccc;
  float:left;
  margin-right:10px;
 }
.divOver{
 background:#eff8fe;
border:solid 1px #d2dce3;
} 
#zztj{color:#ffffff;}
#zztj a,#zztj a:link,#zztj a:visited,#zztj a:active {color:#ffffff;}
#zztj a:hover {color:#ffffff;}
</style>
<script src="http://p1.mb5u.com/texiao/jquery1.3.2.js"></script>
<script language="javascript">
	$(function(){
		//當(dāng)鼠標(biāo)滑入時(shí)將div的class換成divOver
		$('.divbox').hover(function(){
				$(this).addClass('divOver');		
			},function(){
				//鼠標(biāo)離開(kāi)時(shí)移除divOver樣式
				$(this).removeClass('divOver');	
			}
		);
	});
</script>
</head>
<body>
<div id="menu">
    <div class="divbox">區(qū)塊A</div>
    <div class="divbox">區(qū)塊B</div>
    <div class="divbox">區(qū)塊C</div>
</div><br>提示：第一次運(yùn)行請(qǐng)刷新頁(yè)面，因調(diào)用了遠(yuǎn)程的jquery插件，需要加載完成才能運(yùn)行。
</body>
</html>

所屬頻道：層和布局特效/更新時(shí)間：2012-11-02

[收藏][報(bào)錯(cuò)][返回列表]

相關(guān)層和布局特效：

層和布局特效Rss訂閱特效代碼搜索

層和布局特效推薦

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁(yè)鏈接| 搜索jQuery 鼠標(biāo)經(jīng)過(guò)Div底色變換(滑動(dòng)變色)
特效說(shuō)明：
層和布局模板-jQuery 鼠標(biāo)經(jīng)過(guò)Div底色變換(滑動(dòng)變色)。

日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

jQuery 鼠標(biāo)經(jīng)過(guò)Div底色變換(滑動(dòng)變色)_層和布局特效

層和布局特效Rss訂閱特效代碼搜索

層和布局特效推薦

猜你也喜歡看這些