• 网约车陷阱多 谨防四类风险 2019-07-14
  • 水土保持-近在你身边-图解新闻 2019-07-14
  • 一诚长老:出去走一走 才知道有没有定力 2019-07-09
  • 中方有力回击!美国多个行业喊痛:“加征关税就是对美国消费者征税” 2019-07-07
  • 【学习时刻】参会专家盛小云:坚定文化自信,用高尚的作品引领社会风尚 2019-07-07
  • 安徽省高校公共体艺教育推行俱乐部制 2019-06-23
  • “一带一路”中小企业国际合作高峰论坛在京举行 2019-06-23
  • 端午节期间 拉萨至日喀则增开列车 2019-06-16
  • 朱迪:社会发展新阶段的消费品味特征 2019-06-15
  • 淳安县:构建“大调解”体系 2019-06-15
  • 糖尿病打胰岛素是好还是坏?知道答案的糖友都沉默了 2019-06-08
  • 轩辕坛-聚焦汽车两会热点 2019-06-07
  • 波罗木刻:一把刻刀 点木成“金” 2019-06-06
  • 最高检依法决定对余刚立案侦查 2019-06-05
  • 联播快讯:长江镇江段今起实施12天限时封航 2019-06-05
  • 青海网站建设、网络推广最好的公司--您身边的网站建设专家,马上拿起电话,联系我们:0971-8235355   
    4场进球彩方法 4场进球彩方法 |  公司简介 |  网站建设 |  网络推广 |  空间租用 |  域名注册 |  企业邮局 |  网络安全 |  网站编程 |  客服中心 |  联系我们 |  人才招聘
     
    西宁威势最新网站制做案例展示
    Lastest Project
     
    西宁网站建设  
    当前位置为:4场进球彩方法 >> CSS知识 >> 正文  
    [原创]下午做了一个PL的图片切换效果的页面

    文章来源: 4场进球彩方法     发布时间:2009-6-1    浏览次数:5840    tags:CSS JAVASCRIPT图片切换

    4场进球彩方法 www.iubwq.tw 以下是引用片段:
    <%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>西宁网站建设</title>
    <script language="javascript">

    function ChangeCSS(CssName,IdName)  //CODE BY 孤行一鬼
    {
     switch(CssName)
     {
      case 1:
      document.getElementById(IdName).className="channel0";
      break;
      case 2:
      document.getElementById(IdName).className="channel";
      break;
     }
    }

    </script>

    <link href="css/qhwins.css" rel="stylesheet" type="text/css">
    </head>

    <body>
    <div style="width:100%; background-image:url(images/top_01.gif); background-repeat:repeat-x; height:197px;">
      <table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td height="72" colspan="7" >&nbsp;</td>
        </tr>
        <tr>
          <td width="142" height="36" align="center" style="background: url(images/top_04.gif); width:100px; height:33px; background-position:center; background-repeat:no-repeat; padding-top:10px;"><a href="/?id=0" class="MUSIC_TITLE">首页</a></td>
          <td width="142" height="36" align="center" class="channel" style="padding-left:3px;"  id="LaoGui0" onMouseOver="javascript:ChangeCSS(1,'LaoGui0');" onMouseOut="javascript:ChangeCSS(2,'LaoGui0');"><a href="/?id=1" class="MUSIC_TITLE">公司简介</a></td>
          <td width="142" height="36" align="center" class="channel" id="LaoGui1" onMouseOver="javascript:ChangeCSS(1,'LaoGui1');" onMouseOut="javascript:ChangeCSS(2,'LaoGui1');" ><a href="/?id=2" class="MUSIC_TITLE">&nbsp; 网站制作</a></td>
          <td width="142" height="36" align="center" class="channel"  id="LaoGui2" onMouseOver="javascript:ChangeCSS(1,'LaoGui2');" onMouseOut="javascript:ChangeCSS(2,'LaoGui2');"><a href="/?id=3" class="MUSIC_TITLE">域名注册</a></td>
          <td width="142" height="36" align="center" class="channel" id="LaoGui3" onMouseOver="javascript:ChangeCSS(1,'LaoGui3');" onMouseOut="javascript:ChangeCSS(2,'LaoGui3');"><a href="/?id=4" class="MUSIC_TITLE">空间租用</a></td>
          <td width="142" height="36" align="center" class="channel" id="LaoGui4" onMouseOver="javascript:ChangeCSS(1,'LaoGui4');" onMouseOut="javascript:ChangeCSS(2,'LaoGui4');"><a href="/?id=5" class="MUSIC_TITLE">网络推广</a></td>
          <td width="142" height="36" align="center" class="channel" id="LaoGui5" onMouseOver="javascript:ChangeCSS(1,'LaoGui5');" onMouseOut="javascript:ChangeCSS(2,'LaoGui5');"><a href="/?id=6" class="MUSIC_TITLE">关于我们</a></td>
        </tr>
        <tr>
          <td height="89" colspan="7">&nbsp;</td>
        </tr>
      </table>

    </div>
    </body>
    </html>

    以下是qhwins.css代码:
    *{border:0; margin:0; padding:0; list-style:none;}
    A {
     TEXT-DECORATION: none; color:#333
    }
    A:hover {
     COLOR: #1e50c1;
     text-decoration: underline;
    }
    /*
    a:link {color: #082888; text-decoration:none;}
    a:visited {color: #082888;text-decoration:none;}
    a:hover {color: #082888; text-decoration:none;}
    */

    a:active {color: #082888;}

    fieldset{
     text-align:center;
     padding:5px;
     margin:0;
     border: 1px solid #CCCCCC;
    }

    td{ color:#FFF; font-size:11pt;}

    body{
    background-color:#52607b;
    margin:0;
    font-size:12px;}

    .input {BORDER: #a5acb2 1px solid; MARGIN-TOP: 4px; WIDTH: 140px; font-size:12px; COLOR: #666666; LINE-HEIGHT: 18px;
    HEIGHT: 18px; margin-right: 3px; padding-left:5px;}
    .channel0 {
     background-image: url(/images/top_04.gif);
     background-repeat: no-repeat;
     background-position: center 3px;
     padding-top:5px;
    }
    .channel {
     background-image: url(/images/channel.png);
     background-repeat: no-repeat;
     background-position: center 3px;
     padding-top:5px;
     font-size:10pt;
     color:#FFF;
    }
    .MUSIC_TITLE:link {
     padding-top:5px;
     font-size:10pt;
     color:#FFF;
     text-decoration: none;
    }
    .MUSIC_TITLE:hover {
     padding-top:5px;
     font-size:10pt;
     color:#FFF;
     text-decoration: none;
    }
    .MUSIC_TITLE:visited {
     padding-top:5px;
     font-size:10pt;
     color:#FFF;
     text-decoration: none;
    }

     

    演示地址    水晶导航菜单演示效果二


    上一篇:从一个黑页得到的带十字坐标的黑客帝国效果
    下一篇:简单好用的全选,反选代码
    评论列表
    正在加载评论……
      
    评论   
    呢  称:
    验证码: 若看不清请点击更换!
    内  容:
     
     
      在线洽谈咨询:
    点击这里,在线洽谈   点击这里,在线洽谈   点击这里,在线洽谈
    与我交谈  与我交谈 与我交谈
    乘车路线    汇款方式   加盟合作  人才招聘  
    公司地址:青海省西宁市西关大街73号(三二四部队招行所四楼)     青ICP备13000578号-1 公安机关备案号:63010402000123    
    QQ:147399120    mail:[email protected]    电话: 13897410341    邮编:810000
    © Copyright( 2008-2009) www.iubwq.tw All Rights Reserved    版权所有:西宁威势电子信息服务有限公司 未经书面制授权,请勿随意转载!
    业务:青海网站制做、青海网站建设、青海网页设计、西宁网站制做、西宁网站建设、青海域名注册、青海网络推广、青海网站推广、青??占渥庥?/a>、4场进球彩方法、4场进球彩方法、网络安全

  • 网约车陷阱多 谨防四类风险 2019-07-14
  • 水土保持-近在你身边-图解新闻 2019-07-14
  • 一诚长老:出去走一走 才知道有没有定力 2019-07-09
  • 中方有力回击!美国多个行业喊痛:“加征关税就是对美国消费者征税” 2019-07-07
  • 【学习时刻】参会专家盛小云:坚定文化自信,用高尚的作品引领社会风尚 2019-07-07
  • 安徽省高校公共体艺教育推行俱乐部制 2019-06-23
  • “一带一路”中小企业国际合作高峰论坛在京举行 2019-06-23
  • 端午节期间 拉萨至日喀则增开列车 2019-06-16
  • 朱迪:社会发展新阶段的消费品味特征 2019-06-15
  • 淳安县:构建“大调解”体系 2019-06-15
  • 糖尿病打胰岛素是好还是坏?知道答案的糖友都沉默了 2019-06-08
  • 轩辕坛-聚焦汽车两会热点 2019-06-07
  • 波罗木刻:一把刻刀 点木成“金” 2019-06-06
  • 最高检依法决定对余刚立案侦查 2019-06-05
  • 联播快讯:长江镇江段今起实施12天限时封航 2019-06-05
  • 新11选5app 埃及梦官网 ac米兰vs尤文图斯 7星彩走势图专业 天津十一选五app 甘肃十一选五走势图手机版 六合彩开奖历史记录 财富城堡注册 雷恩加尔打野 百度分分彩走势图