指引网

搜索

热门标签:

当前位置: 主页 > 网页制作 > WEB开发 >

国庆网页背景代码-首页国庆背景代码

来源:网络 作者:佚名 点击: 次时间:2017-07-19 00:33
[摘要] style type=text/css !-- body { margin-left: 0px; margin-top: 59px; margin-right: 0px; margin-bottom: 0px; background:url(http://www.kanxinyi.com/images/shanghai/zg60.jpg) no-repeat center top; } body,td,th { font-size: 12px; } .style1 {color: #FFFFFF

 

  1.  <style type="text/css">
  2. <!--
  3. body {
  4.  margin-left: 0px;
  5.  margin-top: 59px;
  6.  margin-right: 0px;
  7.  margin-bottom: 0px;
  8.  background:url(http://www.kanxinyi.com/images/shanghai/zg60.jpg) no-repeat center top;
  9. }
  10. body,td,th {
  11.  font-size: 12px;
  12. }
  13. .style1 {color: #FFFFFF}
  14. .STYLE2 {color: #666666; font-size: 12px;}
  15. .a1:link       { color:#ffffff; TEXT-DECORATION: none }
  16. .a1:hover      { color:#ffffff; TEXT-DECORATION: underline }
  17. .a1:visited    { color:#ffffff; TEXT-DECORATION: none }
  18. .a2:link       { color:#000000; TEXT-DECORATION: none }
  19. .a2:hover      { color:#CC3333; TEXT-DECORATION: none }
  20. .a2:visited    { color:#000000; TEXT-DECORATION: none }
  21. .a3:link       { color:#666666; TEXT-DECORATION: none }
  22. .a3:hover      { color:#666666; TEXT-DECORATION: underline }
  23. .a3:visited    { color:#666666; TEXT-DECORATION: none }
  24. #scrollWrap {
  25. width:400px;
  26. height: 18px;
  27. overflow: hidden; 
  28. }
  29. #scrollMsg {
  30. float: left;
  31. text-align: left;
  32. padding:0 0px;
  33. }
  34. #scrollMsg ul {
  35.   margin:0;
  36.   padding:0;
  37. }
  38. #scrollMsg li {
  39. font-size:12px;
  40. color:#FFFFFF;
  41. line-height: 18px;
  42. list-style:none;
  43. }
  44. .TabHZ ul{ padding-right:0px; padding-left:0px; padding-bottom:0px; margin:0px; list-style-type:none;  height:21px;line-height:18px;background:url(images/09sy_new_dian.gif) repeat-x left bottom;}
  45. .TabHZ ul a,.TabHZ ul a:visited{text-decoration:none;}
  46. .TabHZ li{float:left;padding:3px 15px 3px;background:#939192;border:1px solid #D3D3D3;border-bottom:none;}
  47. .TabHZ li.cur{padding:3px 15px 3px;background:#BF0005;}
  48. .TabHZ li.cur a{text-decoration:none;}
  49. .TabHZ1 ul{ padding-right:0px; padding-left:0px; padding-bottom:0px; margin:0px; list-style-type:none;  height:21px;line-height:18px;background:url(images/09sy_new_dian.gif) repeat-x left bottom;}
  50. .TabHZ1 ul a,.TabHZ1 ul a:visited{color:#ffffff;text-decoration:none;}
  51. .TabHZ1 li{float:left;margin-left:1px;padding:1px 5px 0;background:#939192;border:1px solid #D3D3D3;border-bottom:none;}
  52. .TabHZ1 li.cur{padding-bottom:1px;background:#BF0005;}
  53. .TabHZ1 li.cur a{text-decoration:none;}
  54. .input{
  55.     background-color: #FFFFFF;
  56.     border: 1px #dcdcdc solid;
  57.  font-size:12px;
  58. }
  59. .STYLE4 {color: #333333}
  60. .STYLE5 {
  61.  font-size: 12px;
  62.  font-weight: bold;
  63. }
  64. .style11 {font-size: 12px}
  65. .Layer2 {
  66.  position:absolute;
  67.  width:457px;
  68.  height:48px;
  69.  z-index:1;
  70.  left: 292px;
  71.  top: 25px;
  72. }
  73. -->
  74. </style>
  75. 效果图片。
  76. 国庆网页代码
  77. 国庆网页北景代码二。
  78. <SCRIPT LANGUAGE="JavaScript">
    var Color= new Array(9);
    Color[1] = "ff";
    Color[2] = "ee";
    Color[3] = "dd";
    Color[4] = "cc";
    Color[5] = "bb";
    Color[6] = "aa";
    Color[7] = "99";
    Color[8] = "88";
    Color[9] = "77";
    Color[10] = "66";
    Color[11] = "55";
    Color[12] = "44";
    Color[13] = "33";
    Color[14] = "22";
    Color[15] = "11";
    Color[16] = "00";
    function fadeIn(where) {
    if (where >= 1) {
    document.bgColor="#" + Color[where] +"0000";
    where -= 1;
    setTimeout("fadeIn("+where+")", 15);
    } else {
    setTimeout('fadeOut(1)', 15);
       }
    }
    function fadeOut(where) {
    if (where <=16) {
    document.bgColor="#" + Color[where] +"0000";
    where += 1;
    setTimeout("fadeOut("+where+")", 15)
    } else {
    setTimeout("fadeIn(16)", 15);
       }
    }
    </SCRIPT>

    <body onLoad="fadeIn(16)">





    背景二:
    <!-- Begin
    var Clrs = new Array(9);
    Clrs[0] = 'ff0000';
    Clrs[1] = '00ff00';
    Clrs[2] = '000aff';
    Clrs[3] = 'ff00ff';
    Clrs[4] = 'ffa500';
    Clrs[5] = 'ffff00';
    Clrs[6] = '00ff00';
    Clrs[7] = 'ffffff';
    Clrs[8] = 'fffff0';
    var sClrs = new Array(5);
    sClrs[0] = 'ffa500';
    sClrs[1] = '55ff66';
    sClrs[2] = 'AC9DFC';
    sClrs[3] = 'fff000';
    sClrs[4] = 'fffff0';
    var yBase;
    var xBase;
    var step;
    var currStep = 0;
    var Xpos = 1;
    var Ypos = 1;
    var initialStarColor = 'ffa000';
    var Mtop = 250;
    var Mleft = 250;
    function Fireworks() {
    if (document.all) {
    yBase = window.document.body.offsetHeight / 3;
    xBase = window.document.body.offsetWidth / 8;
    }
    else if (document.layers) {
    yBase = window.innerHeight / 3;
    xBase = window.innerWidth / 8;
    }
    if (document.all) {
    step = 5;
    for ( i = 0 ; i < starsDiv.all.length ; i++ ) {
    for (ai = 0; ai < Clrs.length; ai++) {
    var c = Math.round(Math.random()*[ai]);
    }
    if (currStep < 90)
    starsDiv.all[i].style.background=initialStarColor;
    if (currStep > 90)
    starsDiv.all[i].style.background=Clrs[c];
    starsDiv.all[i].style.top = Mtop + yBase*Math.sin((currStep+i*5)/3)*Math.sin(550+currStep/100)
    starsDiv.all[i].style.left = Mleft + yBase*Math.cos((currStep+i*5)/3)*Math.sin(550+currStep/100)
    }
    }
    else if (document.layers) {
    step = 5;
    for ( j = 0 ; j < 24 ; j++ ) { //number of NS layers!
    var templayer = "a"+j;
    for (ai = 0; ai < Clrs.length; ai++) {
    var c = Math.round(Math.random()*[ai]);
    }
    if (currStep < 90)
    document.layers[templayer].bgColor=initialStarColor;
    if (currStep > 90)
    document.layers[templayer].bgColor=Clrs[c];
    document.layers[templayer].top = Mtop + yBase*Math.sin((currStep+j*5)/3)*Math.sin(550+currStep/100)
    document.layers[templayer].left = Mleft + yBase*Math.cos((currStep+j*5)/3)*Math.sin(550+currStep/100)
    }
    }
    currStep+= step;
    T=setTimeout("Fireworks()",5);
    if (currStep == 220) {
    currStep = -10;
    for (n = 0; n < sClrs.length; n++) {
    var k = Math.round(Math.random()*n);
    }
    initialStarColor = sClrs[k];
    if (document.all) {
    Dtop = window.document.body.clientHeight - 250;
    Dleft = xBase * 3.5;
    Mtop = Math.round(Math.random()*Dtop);
    Mleft = Math.round(Math.random()*Dleft);
    document.all.starsDiv.style.top = Mtop+document.body.scrollTop;
    document.all.starsDiv.style.left = Mleft+document.body.scrollLeft;
    }
    else if (document.layers) {
    Dleft = window.innerWidth - 100;
    Dtop = window.innerHeight - 100;
    Mtop = Math.round(Math.random()*Dtop+window.pageYOffset);
    Mleft = Math.round(Math.random()*Dleft+window.pageXOffset);
    document.layers[templayer].top = Mtop;
    document.layers[templayer].left = Mleft;
    }
    if ((Mtop < 20) || (Mleft < 20)) {
    Mtop += 90;
    Mleft += 90;
    }
    }
    }
    Fireworks();
    // End -->
    </script>
  79. 再来一款最简单
    <style>
    body { background-image:url(http://bbs.menhutong.com.cn/attachments/month_0909/20090921_9e19ecaf3dda518df976EMvOMd01ZzG1.jpg); background-repeat:no-repeat; background-position: top center;  padding-top:52px;}
    .main01{clear:both;width:960px;margin:10px auto 0px auto;overflow:hidden;}
    .main01 .left {float: left;width: 300px;}
    </style>
标签： 网页制作
相关内容
------分隔线----------------------------
[关闭窗口] [返回顶部]
栏目列表
推荐内容
热点内容

网站内容来自网络整理或网友投稿如有侵权行为请邮件:Rinchey@163.com 我们24小时内处理

CopyRight © 2006-2018 指引網 Ondex.Net , All Rights Reserved. 粤ICP备16026640号-1