在圣诞节来临之际,分享这份网页的代码,祝愿大家圣诞节快乐!
点击这里查看效果
以下是源代码,可以保存到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