163菜单栏

-------------indes.html--------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>★青衫客网络★</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<SCRIPT src="css/div.js" type=text/javascript></SCRIPT>
<script type="text/JavaScript">
alimama_domain_auth="2264918_10962759";
</script>
<style type="text/css">
.STYLE1 {font-size: 18px}
.STYLE3 {
 font-size: 18px;
 color: #000000;
}
.STYLE5 {color: #333333}
</style>
</head>

<body>

<div id="top" align="center" >

</div>
<DIV id="menue">
 <UL>
  <LI><A href="http://www.ggxx.com">首页</A> </LI>
  <LI><A href="http://www.ggxx.com">热点资讯</A> </LI>
  <LI><A href="http://www.ggxx.com">免费资源</A> </LI>
  <LI><A href="http://www.ggxx.com">网络编程</A> </LI>
  <LI><A href="http://www.ggxx.com">站长天地</A> </LI>
  <LI><A href="http://www.ggxx.com">网页设计</A> </LI>
  <LI><A href="http://www.ggxx.com">网络安全</A> </LI>
  <LI><A href="http://www.ggxx.com">精品赏析</A> </LI>
  <LI><a href=" http://www.ggxx.com" class="nav" >空间赞助</a></LI>   
 </UL>
</DIV>

<div  id="info">
<!-----------------广告-------------------------->
<!-----11-------->
<script type="text/javascript">
alimama_pid="mm_17018779_2266882_8843527";
alimama_titlecolor="0000FF";
alimama_descolor ="000000";
alimama_bgcolor="FFFFFF";
alimama_bordercolor="E6E6E6";
alimama_linkcolor="008000";
alimama_bottomcolor="FFFFFF";
alimama_anglesize="0";
alimama_bgpic="0";
alimama_icon="0";
alimama_sizecode="11";
alimama_width=760;
alimama_height=90;
alimama_type=2;
</script>
<script src="http://a.alimama.cn/inf.js" type="text/javascript">
</script>

<script> var chanet_u=""; var chanet_e=""; </script>
<script src='http://file.chanet.com.cn/html/js/position/easyad_90352.js'></script>

 


</div>

 

<div id="contect1">
 <!--左边层-->
 <div class="remen1" >
  
  <iframe frameborder="0" marginheight="0" marginwidth="0" border="0" id="alimamaifrm" name="alimamaifrm" scrolling="no" height="2890px" width="100%" src="http://pindao.huoban.taobao.com/tms/channel/taiwan.htm?pid=mm_17018779_0_0&eventid=101350" ></iframe>


 </div> 

 <!--中层-->
 <div  class="remen2">
  <table cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="width:290px;border: 1px solid #E6E6E6;"><tr><td rowspan="2" align="center"><div style="margin:5px auto; width: 80px;height:80px;"><a target="_blank" href="http://s.click.taobao.com/t_1?i=rE2%2FTJwDChuYaQ%3D%3D&p=mm_17018779_0_0&n=12" style="width: 80px; margin:0px;padding:0px;height: 80px; overflow:hidden;"><img style="margin:0px;border:none;" src="http://image.taobao.com/bao/uploaded/http://img01.taobaocdn.com/bao/uploaded/i1/T17h4wXoJCXXaZhhI0_035456.jpg_sum.jpg"></a></div><div class="clearing"></div></td><td colspan="2" ><a target="_blank" href="http://s.click.taobao.com/t_1?i=rE2%2FTJwDChuYaQ%3D%3D&p=mm_17018779_0_0&n=12" style="height:40px;width:180px;margin:5px;line-height:20px;color:#0000FF">超长待机独显本 华硕UL80E23VT仅售5199</a></td></tr><tr><td nowrap="nowrap" > <span style="font-weight:600;margin:5px;line-height:30px;color:#CC0000;">5199.0元</span>&nbsp;</td><td nowrap="nowrap" width="100px" ><a target="_blank"href="http://s.click.taobao.com/t_1?i=rE2%2FTJwDChuYaQ%3D%3D&p=mm_17018779_0_0&n=12"><img name="" style="margin:0px; pandding:0px;line-height:24px;vertical-align: text-bottom;border:none;" src="http://img.alimama.cn/images/tbk/cps/fgetccode_btn.gif"></a></td></tr></table>

  <table cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="width:290px;border: 1px solid #E6E6E6;"><tr><td rowspan="2" align="center"><div style="margin:5px auto; width: 80px;height:80px;"><a target="_blank" href="http://s.click.taobao.com/t_1?i=rWqa9wKJLT2D1Q%3D%3D&p=mm_17018779_0_0&n=12" style="width: 80px; margin:0px;padding:0px;height: 80px; overflow:hidden;"><img style="margin:0px;border:none;" src="http://image.taobao.com/bao/uploaded/http://img02.taobaocdn.com/bao/uploaded/i2/T1CW4CXkdAXXay.RDa_091849.jpg_sum.jpg"></a></div><div class="clearing"></div></td><td colspan="2" ><a target="_blank" href="http://s.click.taobao.com/t_1?i=rWqa9wKJLT2D1Q%3D%3D&p=mm_17018779_0_0&n=12" style="height:40px;width:180px;margin:5px;line-height:20px;color:#0000FF">宏基 AS4740G-432G32Mn i5 430M 2G 320G 独显 摄像头 全国联保</a></td></tr><tr><td nowrap="nowrap" > <span style="font-weight:600;margin:5px;line-height:30px;color:#CC0000;">4380.0元</span>&nbsp;</td><td nowrap="nowrap" width="100px" ><a target="_blank"href="http://s.click.taobao.com/t_1?i=rWqa9wKJLT2D1Q%3D%3D&p=mm_17018779_0_0&n=12"><img name="" style="margin:0px; pandding:0px;line-height:24px;vertical-align: text-bottom;border:none;" src="http://img.alimama.cn/images/tbk/cps/fgetccode_btn.gif"></a></td></tr></table>

  <table cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="width:290px;border: 1px solid #E6E6E6;"><tr><td rowspan="2" align="center"><div style="margin:5px auto; width: 80px;height:80px;"><a target="_blank" href="http://s.click.taobao.com/t_1?i=rWqd16GF%2FHo%2BmQ%3D%3D&p=mm_17018779_0_0&n=12" style="width: 80px; margin:0px;padding:0px;height: 80px; overflow:hidden;"><img style="margin:0px;border:none;" src="http://image.taobao.com/bao/uploaded/http://img08.taobaocdn.com/bao/uploaded/i8/T1VcxCXeRyXXaqwyI3_050415.jpg_sum.jpg"></a></div><div class="clearing"></div></td><td colspan="2" ><a target="_blank" href="http://s.click.taobao.com/t_1?i=rWqd16GF%2FHo%2BmQ%3D%3D&p=mm_17018779_0_0&n=12" style="height:40px;width:180px;margin:5px;line-height:20px;color:#0000FF">【美国正品免税】Apple/苹果 3G版ipad(32G) 准现货!</a></td></tr><tr><td nowrap="nowrap" > <span style="font-weight:600;margin:5px;line-height:30px;color:#CC0000;">7050.0元</span>&nbsp;</td><td nowrap="nowrap" width="100px" ><a target="_blank"href="http://s.click.taobao.com/t_1?i=rWqd16GF%2FHo%2BmQ%3D%3D&p=mm_17018779_0_0&n=12"><img name="" style="margin:0px; pandding:0px;line-height:24px;vertical-align: text-bottom;border:none;" src="http://img.alimama.cn/images/tbk/cps/fgetccode_btn.gif"></a></td></tr></table>

  <table cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="width:290px;border: 1px solid #E6E6E6;"><tr><td rowspan="2" align="center"><div style="margin:5px auto; width: 80px;height:80px;"><a target="_blank" href="http://s.click.taobao.com/t_1?i=rWwKJivcXvx1MQ%3D%3D&p=mm_17018779_0_0&n=12" style="width: 80px; margin:0px;padding:0px;height: 80px; overflow:hidden;"><img style="margin:0px;border:none;" src="http://image.taobao.com/bao/uploaded/http://img02.taobaocdn.com/bao/uploaded/i2/T142lxXh8qXXc9dLg__105931.jpg_sum.jpg"></a></div><div class="clearing"></div></td><td colspan="2" ><a target="_blank" href="http://s.click.taobao.com/t_1?i=rWwKJivcXvx1MQ%3D%3D&p=mm_17018779_0_0&n=12" style="height:40px;width:180px;margin:5px;line-height:20px;color:#0000FF">【全国联保】HP/惠普 CQ42 CQ42-153TX I5-430M/2G/320/独显512M</a></td></tr><tr><td nowrap="nowrap" > <span style="font-weight:600;margin:5px;line-height:30px;color:#CC0000;">4400.0元</span>&nbsp;</td><td nowrap="nowrap" width="100px" ><a target="_blank"href="http://s.click.taobao.com/t_1?i=rWwKJivcXvx1MQ%3D%3D&p=mm_17018779_0_0&n=12"><img name="" style="margin:0px; pandding:0px;line-height:24px;vertical-align: text-bottom;border:none;" src="http://img.alimama.cn/images/tbk/cps/fgetccode_btn.gif"></a></td></tr></table>

  <table cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="width:290px;border: 1px solid #E6E6E6;"><tr><td rowspan="2" align="center"><div style="margin:5px auto; width: 80px;height:80px;"><a target="_blank" href="http://s.click.taobao.com/t_1?i=rEC07lLMYnmStw%3D%3D&p=mm_17018779_0_0&n=12" style="width: 80px; margin:0px;padding:0px;height: 80px; overflow:hidden;"><img style="margin:0px;border:none;" src="http://image.taobao.com/bao/uploaded/http://img07.taobaocdn.com/bao/uploaded/i7/T12ttCXb0EXXau9Ow9_074017.jpg_sum.jpg"></a></div><div class="clearing"></div></td><td colspan="2" ><a target="_blank" href="http://s.click.taobao.com/t_1?i=rEC07lLMYnmStw%3D%3D&p=mm_17018779_0_0&n=12" style="height:40px;width:180px;margin:5px;line-height:20px;color:#0000FF">Apple/苹果 Ipad ipad(16G) WIFI版 另有32G/64G 【现货】</a></td></tr><tr><td nowrap="nowrap" > <span style="font-weight:600;margin:5px;line-height:30px;color:#CC0000;">4850.0元</span>&nbsp;</td><td nowrap="nowrap" width="100px" ><a target="_blank"href="http://s.click.taobao.com/t_1?i=rEC07lLMYnmStw%3D%3D&p=mm_17018779_0_0&n=12"><img name="" style="margin:0px; pandding:0px;line-height:24px;vertical-align: text-bottom;border:none;" src="http://img.alimama.cn/images/tbk/cps/fgetccode_btn.gif"></a></td></tr></table


 
 </div> 

  
 </div>
 
<!-----------------广告-------------------------->
<div id="contect2" >
<!-----12-------->
<script type="text/javascript">
alimama_pid="mm_17018779_2266882_8838687";
alimama_titlecolor="0000FF";
alimama_descolor ="000000";
alimama_bgcolor="FFFFFF";
alimama_bordercolor="E6E6E6";
alimama_linkcolor="008000";
alimama_bottomcolor="FFFFFF";
alimama_anglesize="0";
alimama_bgpic="0";
alimama_icon="0";
alimama_sizecode="11";
alimama_width=760;
alimama_height=90;
alimama_type=2;
</script>
<script src="http://a.alimama.cn/inf.js" type="text/javascript">
</script>

<!-----13-------->
<script type="text/javascript">
alimama_pid="mm_17018779_2266882_8825698";
alimama_titlecolor="0000FF";
alimama_descolor ="000000";
alimama_bgcolor="FFFFFF";
alimama_bordercolor="E6E6E6";
alimama_linkcolor="008000";
alimama_bottomcolor="FFFFFF";
alimama_anglesize="0";
alimama_bgpic="0";
alimama_icon="0";
alimama_sizecode="11";
alimama_width=760;
alimama_height=90;
alimama_type=2;
</script>
<script src="http://a.alimama.cn/inf.js" type="text/javascript">
</script>
 
</div>
<!--------------------------------------------->
<div   id="conent">
<!-----14-------->
<script type="text/javascript">
alimama_pid="mm_17018779_2266882_8843531";
alimama_titlecolor="0000FF";
alimama_descolor ="000000";
alimama_bgcolor="FFFFFF";
alimama_bordercolor="E6E6E6";
alimama_linkcolor="008000";
alimama_bottomcolor="FFFFFF";
alimama_anglesize="0";
alimama_bgpic="0";
alimama_icon="0";
alimama_sizecode="11";
alimama_width=760;
alimama_height=90;
alimama_type=2;
</script>
<script src="http://a.alimama.cn/inf.js" type="text/javascript">
</script>


 
<!--左边层-->
<!--右边层-->   
</div>
<!--------------------------------------------->
<div  id="guanggao2">
<!-----15-------->
<script type="text/javascript">
alimama_pid="mm_17018779_2266882_8844047";
alimama_titlecolor="0000FF";
alimama_descolor ="000000";
alimama_bgcolor="FFFFFF";
alimama_bordercolor="E6E6E6";
alimama_linkcolor="008000";
alimama_bottomcolor="FFFFFF";
alimama_anglesize="0";
alimama_bgpic="0";
alimama_icon="0";
alimama_sizecode="11";
alimama_width=760;
alimama_height=90;
alimama_type=2;
</script>
<script src="http://a.alimama.cn/inf.js" type="text/javascript">
</script>

</div>
<!--------------------------------------------->
<div id="guanggao3">
<!-----16-------->
<script type="text/javascript">
alimama_pid="mm_17018779_2266882_8844048";
alimama_titlecolor="0000FF";
alimama_descolor ="000000";
alimama_bgcolor="FFFFFF";
alimama_bordercolor="E6E6E6";
alimama_linkcolor="008000";
alimama_bottomcolor="FFFFFF";
alimama_anglesize="0";
alimama_bgpic="0";
alimama_icon="0";
alimama_sizecode="43";
alimama_width=760;
alimama_height=480;
alimama_type=2;
</script>
<script src="http://a.alimama.cn/inf.js" type="text/javascript">
</script>

<!--左边层-->  
<!--右边层--> 
</div>

<!--------------------------------------------->
<DIV id="footer" >     
  <div align="center">
 <div class="submenu_pii"> <IMG SRC="aef7dc5363284739fc486688700a695e" width=1 height=1 border=0></div>
<script src="http://s11.cnzz.com/stat.php?id=2227701&web_id=2227701&show=pic1" language="JavaScript"></script>

<!--量子--->
<script type="text/javascript" src="http://js.tongji.linezing.com/1730814/tongji.js"></script><noscript><a href="http://www.linezing.com"><img src="http://img.tongji.linezing.com/1730814/tongji.gif"/></a></noscript>
    
   <img src="images/anwang.gif" width="20" height="20">
   版权所有 青石工作室 程序支持;苏ICP备05007933号
  </div>
  
</DIV>

 

</body>
</html>

----------------------------------------------------------

--------div.js------

// JavaScript Document
function showdiv(divnum,divbefor,id){
 for(i=1;i<=divnum;i++){
  try{
   if(i==divbefor){
    document.getElementById(id+i).style.display="inline";
   }else{
    document.getElementById(id+i).style.display="none";
   }
  }catch(e){ }
 }
}
function menuFix(){}

-------------------------------------------------------------

------------style.css------

/* CSS Document */
a:link,a:visited {text-decoration:none;color:red;}
a:hover,a:active {text-decoration:underline;color:#ff5500;}
a.m1:link,a.m1:visited {text-decoration:none;color:#f00;}
a.m1:hover,a.m1:active {text-decoration:underline;color:#f00;}
a.m2:link,a.m2:visited,a.m2:hover,a.m2:active {text-decoration:underline;color:#f00;}


body{ font-size:12px; text-align:center;  margin-top:10px; font-family:Verdana; font-weight:normal;}
div,img{margin:0; padding:0; border:0;}
ul,li{list-style-type: none; margin:0; padding:0; float:left; display:block; }


#top {float:none;FONT-SIZE:12px;
 BACKGROUND:url(../images/logo.jpg) #fff repeat-x left;
 MARGIN:0px;padding:0px; width:950px;COLOR:#f00; height:100px; 
}

#menue { 
 CLEAR: both;
 text-decoration:blink;
 BORDER-RIGHT: #698cc3 1px solid;
 BORDER-LEFT: #698cc3 1px solid; 
 BORDER-BOTTOM: #698cc3 2px solid;
 BACKGROUND:url(../images/h1-9.gif) repeat-x left center;
 MARGIN: 0px;  
 LINE-HEIGHT: 25px;  
 HEIGHT: 20px;
 width:950px;
 TEXT-ALIGN: center;
}
#menue UL{
 PADDING-RIGHT: 0px;
 PADDING-LEFT: 0px;
 PADDING-BOTTOM: 0px; 
 PADDING-TOP: 0px;
 MARGIN: 0px;
}
#menue LI,#notice li,#toplongin li{
 DISPLAY: block;
 FLOAT: left;
 MARGIN: 0px;
 LIST-STYLE-TYPE: none;
}
#menue A {
 BORDER-RIGHT: #698cc3 1px solid;
 PADDING-RIGHT: 9px;
 DISPLAY: block;
 PADDING-LEFT: 9px;
 FONT-WEIGHT: bold;
 PADDING-BOTTOM: 0px;
 BORDER-LEFT: #698cc3 1px solid;
 COLOR: white;
 LINE-HEIGHT: 26px;
 PADDING-TOP: 0px;
 BACKGROUND-COLOR: transparent;
 TEXT-DECORATION: none;
}
#menue A:hover,{
 BORDER-RIGHT: #698cc3 1px solid;
 BACKGROUND-POSITION: left center;
 FONT-WEIGHT: bold;
 BACKGROUND-IMAGE:url(../images/btn11.gif);
 BORDER-LEFT: #698cc3 1px solid;
 COLOR: #003366;
 BACKGROUND-REPEAT: repeat-x;
 BACKGROUND-COLOR: #9eb6d8;
}
#menue A:active,{
 BORDER-RIGHT: #fff 1px solid;
 FONT-WEIGHT: bold;
 BORDER-LEFT: #fff 1px solid;
 COLOR: #003366;
 BACKGROUND-COLOR:#993333;
}

#info{ margin-left:auto; margin-right:auto;width:950px; text-align:left;}
#mainright{ margin-left:2px; float:left; background-color:#fff; width:140px; height:206px;}
#contect1{width:950px;margin-left:auto;margin-right:auto;margin-bottom:20px;}
#contect2{width:950px;margin-left:auto;margin-right:auto;margin-bottom:20px;}
#conent{width:950px;margin-left:auto;margin-right:auto;margin-bottom:20px;}

.remen1{width:652px;height:300px;background-color:#FFFFFF;margin-bottom:5px;float:left;}
.remen2{width:160px;height:300px;background-color:#FFFFFF;margin-left:5px;margin-bottom:5px;float:left;}


#guanggao2{width:950px;margin-left:auto;margin-right:auto;margin-bottom:20px;}
#guanggao3{width:950px;margin-left:auto;margin-right:auto;margin-bottom:20px;}

#footer{width:950px;margin-left:auto;margin-right:auto;margin-bottom:20px;}

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值