基于jQuery实现Apple淡入淡出效果代码



28 111 38



特效描述:基于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

加群请备注:从官网了解到