在圣诞节来临之际,分享这份网页的代码,祝愿大家圣诞节快乐!
点击这里查看效果

以下是源代码,可以保存到html文件打开看效果:

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 5 <title>柯乐义祝大家圣诞节快乐!</title>
 6 <script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script>
 7 <script src="http://keleyi.com/keleyi/phtml/jqtexiao/7/jquery.easing.1.3.js" type="text/javascript"></script> 
 8 <link href="http://keleyi.com/keleyi/phtml/jqtexiao/7/keleyi-curtain.css" type="text/css" rel="Stylesheet" />
 9 <script type="text/javascript" src="http://keleyi.com/keleyi/phtml/jqtexiao/7/keleyi-curtain.js"></script>    
10 <STYLE>
11 body{ padding:0px; margin:0px;}
12 #jieri-keleyi-com{position:absolute; width:100%; height:200px; top:0px; left:0px;overflow:hidden;z-index:200; }
13 #jieri-keleyi-com object,#jieri-keleyi-com embed{ width:100%; height:200px;}
14 #youxiajiao{ width:350px; height:220px;position:absolute; bottom:0px; right:0px;}
15 </style>
16 </head>
17 <body>
18 <script type="text/javascript">
19 H = 200; //
20 W = 1003; //
21 id = 'jieri-ke'+'leyi-com'
22 function show_con() {
23 var obj_nav = document.getElementById(id)
24 var n = 20, t = 50;
25 var timers = new Array(n);
26 for (var i = 0; i < n; i++) {
27 (
28 function () {
29 if (timers[i]) clearTimeout(timers[i]);
30 var j = i;
31 timers[i] = setTimeout(function () {
32 obj_nav.style.height = H - Math.round(H * (j + 1) / n);
33 obj_nav.style.width = W - Math.round(W * (j + 1) / n);
34 obj_nav.style.left = Math.round(W * (j + 1) / n) / 2;
35 }, (i + 1) * t);
36 }
37 )()
38 };
39 }
40 setTimeout("show_con()", 3500)//if (FLASH播放完)show_con();
41 </script>
42 <div id="jieri-keleyi-com">
43 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0">
44 <param name="movie" value="shengdanjie.swf" />
45 <param name="quality" value="high" />
46 <param name="wmode" value="transparent" /> 
47 <embed src="http://keleyi.com/keleyi/phtml/jqtexiao/7/a/shengdanjie.swf" quality="high" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" />
48 </object>
49 </div>
50 
51 <div class="leftcurtain"><img src="http://keleyi.com/keleyi/phtml/jqtexiao/7/images/frontcurtain.jpg"/></div>
52 <div class="rightcurtain"><img src="http://keleyi.com/keleyi/phtml/jqtexiao/7/images/frontcurtain.jpg"/></div>
53 <img class="logo" src="http://keleyi.com/keleyi/phtml/jqtexiao/7/a/sdkl.gif" alt="happybirthday" style="margin-top:302px"/>
54 <a class="rope" href="javascript:;" title="点击这里">
55 <img src="http://keleyi.com/keleyi/phtml/jqtexiao/7/images/rope.png"/>
56 </a>
57 <div style="margin-top:80px;"><a href="http://keleyi.com/a/bjac/iqiiedy2.htm" target="_blank">原文</a></div>
58 </body>
59 </html>

转载自:http://keleyi.com/a/bjac/iqiiedy2.htm

web前端:http://www.cnblogs.com/jihua/p/webfront.html

更多节日网页

posted on 2013-12-24 13:20  计划  阅读(1805)  评论(2编辑  收藏  举报