青海網站建設、網絡推廣最好的公司--您身邊的網站建設專家,馬上拿起電話,聯系我們:0971-8235355   
黑龙江11选5预测网 黑龙江11选5预测网 |  公司簡介 |  網站建設 |  網絡推廣 |  空間租用 |  域名注冊 |  企業郵局 |  網絡安全 |  網站編程 |  客服中心 |  聯系我們 |  人才招聘
 
西寧威勢最新網站制做案例展示
Lastest Project
 
西寧網站建設  
當前位置為:黑龙江11选5预测网 >> CSS知識 >> 正文  
[原創]下午做了一個PL的圖片切換效果的頁面

文章來源: 黑龙江11选5预测网     發布時間:2009-6-1    瀏覽次數:6622    tags:CSS JAVASCRIPT圖片切換

以下是引用片段:
<%@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.ymbxx.icu All Rights Reserved    版權所有:西寧威勢電子信息服務有限公司 未經書面制授權,請勿隨意轉載!
業務:青海網站制做、青海網站建設、青海網頁設計、西寧網站制做、西寧網站建設、青海域名注冊、青海網絡推廣、青海網站推廣、青??占渥庥?/a>、黑龙江11选5预测网、黑龙江11选5预测网、網絡安全

赛车pk10官网开奖记录 江苏快三免费计划软件下载 什么软件可以玩三公 时时彩3把赢了200万 怎样买单双稳赚 快速时时是哪里开的 龙江风采十一选五开奖结果 重庆时时历史开奖记录 天天pk10计划软件手机版下载 重庆时时彩开奖记录 11选5技巧规律 老版万人炸金花下载 双色球走势图分析图 斗牛游戏下载 pk10五码循环不死模式 单机麻将