zoukankan      html  css  js  c++  java
  • 祝大家圣诞节快乐!


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

    以下是源代码,可以保存到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

    更多节日网页

  • 相关阅读:
    快排
    SQL实例
    14_可变字符串类和日期相关类
    13_String类的概述和使用
    c# json object Dictionary互转
    SQL Server 数据表给现有字段添加默认值或修改默认值
    SQL Server2008R2 死锁进程杀掉处理
    Sql Server 2008R2 查看SQL语句运行时间
    fatal: unable to access 'https://github.com/xxx': OpenSSL SSL_connect: SSL_ERROR_SYSCALL in connection to github.com:443
    idea出现了不能复制的问题
  • 原文地址:https://www.cnblogs.com/jihua/p/Chrismas.html
Copyright © 2011-2022 走看看