基于jQuery實現Apple淡入淡出效果代碼



33 130 44



特效描述:基于jQuery實現 Apple 淡入淡出效果,基于jQuery實現Apple淡入淡出效果代碼

代碼結構

1. 引入CSS

<link rel=stylesheet type=text/css href="css/ac_blackout.css">
<link rel=stylesheet type=text/css href="css/ac_blackout.css">

2. 引入JS

<script type=text/javascript src="js/prototype.js"></script>
<script type=text/javascript src="js/scriptaculous.js"></script>
<script type=text/javascript src="js/browserdetect.js"></script>
<script type=text/javascript src="js/apple_core.js"></script>
<script type=text/javascript src="js/ac_blackout.js"></script>
<script type=text/javascript src="js/prototype.js"></script>
<script type=text/javascript src="js/scriptaculous.js"></script>
<script type=text/javascript src="js/browserdetect.js"></script>
<script type=text/javascript src="js/apple_core.js"></script>
<script type=text/javascript src="js/ac_blackout.js"></script>

3. HTML代碼

?<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body style="text-align:center">
<script type=text/javascript>
		var blackout = new AC.Blackout('billboard', 'macbookair20101020', {
			showWhenReferredByApple: false,
			showOnce: true
		});
		blackout.addImage('images/macbookair_hero_blackout20101020.jpg', { offsets: [42, 197], dimensions: [1108, 302] });
		blackout.addImage('images/macbookair_title20101020.png', { offsets: [232, 54], dimensions: [516, 57] });
</script>
<div class=main>
<div id=billboard class=billboard>
	<div class=black>
		<a class=block href="http://51qianduan.com/" target="_blank">
		<h1><img alt="MacBook Air" src="images/macbookair_title20101020.png" width=516 height=57></h1>
		<p><img alt="MacBook" src="images/zzsc.png" width=369 height=36></p><img class=hero alt="" src="images/macbookair_hero20101020.jpg" width=937 height=302></a>
	</div>
</div>
<br>
</div>
</body>
</html>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 浮動 懸浮 懸浮層 懸浮框 浮動層 浮動框 浮動插件 懸浮插件 浮動提示框 漸隱切換 淡出淡進 淡出 淡進 圖片淡出淡進 圖片淡出 圖片淡進 圖片廣告
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子