163菜单栏

最新推荐文章于 2021-08-07 06:47:22 发布

sale_anc

最新推荐文章于 2021-08-07 06:47:22 发布

阅读量257

点赞数

文章标签： class div stylesheet javascript border float

本文链接：https://blog.csdn.net/sale_anc/article/details/5813141

版权

-------------index.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>
<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">


<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>

</div>

</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> </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> </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> </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=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> </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" >

<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>

<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">

<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">

<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">

<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;}