jquery聖誕快樂
編輯：JQuery常見問題
點擊這裡查看效果
以下是代碼：
<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>jQuery聖誕快樂！--</title>
<script type="text/javascript" src="http:///keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script>
<script src="http:///keleyi/phtml/jqtexiao/7/jquery.easing.1.3.js" type="text/javascript"></script>
<link href="http:///keleyi/phtml/jqtexiao/7/keleyi-curtain.css" type="text/css" rel="Stylesheet" />
<script type="text/javascript" src="http:///keleyi/phtml/jqtexiao/7/keleyi-curtain.js"></script>
<STYLE>
body{ padding:0px; margin:0px;}
#jieri-keleyi-com{position:absolute; width:100%; height:200px; top:0px; left:0px;overflow:hidden;z-index:200; }
#jieri-keleyi-com object,#jieri-keleyi-com embed{ width:100%; height:200px;}
#youxiajiao{ width:350px; height:220px;position:absolute; bottom:0px; right:0px;}
</style>
</head>
<body>
<script type="text/javascript">
H = 200; //高
W = 1003; //寬
id = 'jieri-ke'+'leyi-com'
function show_con() {
var obj_nav = document.getElementById(id)
var n = 20, t = 50;
var timers = new Array(n);
for (var i = 0; i < n; i++) {
(
function () {
if (timers[i]) clearTimeout(timers[i]);
var j = i;
timers[i] = setTimeout(function () {
obj_nav.style.height = H - Math.round(H * (j + 1) / n);
obj_nav.style.width = W - Math.round(W * (j + 1) / n);
obj_nav.style.left = Math.round(W * (j + 1) / n) / 2;
}, (i + 1) * t);
}
)()
};
}
setTimeout("show_con()", 3500)//if (FLASH播放完)show_con();
</script>
<div id="jieri-keleyi-com">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0">
<param name="movie" value="shengdanjie.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="http:///keleyi/phtml/jqtexiao/7/a/shengdanjie.swf" quality="high" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" />
</object>
</div>
<div class="leftcurtain"><img src="http:///keleyi/phtml/jqtexiao/7/images/frontcurtain.jpg"/></div>
<div class="rightcurtain"><img src="http:///keleyi/phtml/jqtexiao/7/images/frontcurtain.jpg"/></div>
<img class="logo" src="http:///keleyi/phtml/jqtexiao/7/a/sdkl.gif" alt="happybirthday" style="margin-top:302px"/>
<a class="rope" href="javascript:;" title="點擊這裡">
<img src="http:///keleyi/phtml/jqtexiao/7/images/rope.png"/>
</a>
<div style="margin-top:80px;"><a href="http:///a/bjac/iqiiedy2.htm" target="_blank">原文</a></div>
</body>
</html>
更多節日網頁
下雪特效
- 上一頁:jQ設置內容的方法
- 下一頁:jQuery實現五星級評分
小編推薦
熱門推薦