<style type="text/css">
ul{ width:400px; margin:0px auto; list-style:none; padding:0px;}
ul li{ width:100px; float:left; height:30px; line-height:30px; text-align:center; font-size:13px;}
ul li a{ background:#ff0000; display:block; text-decoration:none;}
ul li a:hover{ background:; text-decoration:underline;}
</style>
<ul> <li ><ahref="">问问首页</a></li>
<li><a href="#">问题库</a></li> <li><a href="#">问问之星</a></li> <li><a href="#">问问团队</a></li> </ul>
网页内的代码:
</table> <table width="896" height="40" border="0" align="center" background="军火/imgs/导航背景.gif"> <tr> <td align="center" class="zhmm" width="180" ><a href="首页.html" class="a"><p onMouseOver="xiala(0)">官方首页</p></a></td> <td align="center" class="zhmm" width="180" ><a href="#" class="a"><p onMouseOver="xiala(1)">热卖武器</p></a></td> <td align="center" class="zhmm" width="180" ><a href="#" class="a"><p onMouseOver="xiala(2)">热卖防具</p></a></td> <td align="center" class="zhmm" width="180" ><a href="#" class="a"><p onMouseOver="xiala(3)">客服交流</p></a></td> <td align="center" class="zhmm" width="180" ><a href="#" class="a"><p onMouseOver="xiala(4)" onClick="qingqing()">您的枪盒</p></a></td> </tr> </table>
<table width="100%" height="42" align="center"> <tr> <td> <div id="div1" style="color:#FF00FF; display:none"> <table width="900" height="32" align="center" class="xiala1" border="0"> <tr> <td align="center" width="225" height="32"><a href="#" class="b"><p onClick="qingqing()">亮丽匕首类</p></a></td><td width="225" height="32" align="center"><a href="#" class="b"><p onClick="qingqing()">精装手枪类</p></a></td><td width="225" height="32" align="center"><a href="#" class="b"><p onClick="qingqing()">华丽轻机枪</p></a></td><td width="222" height="32" align="center"><a href="#" class="b"><p onClick="qingqing()">超威重机枪</p></a></td></tr></table></div> <div id="div2" style="color:#0000FF; display:none"> <table width="900" height="32" align="center" class="xiala1" border="0"> <tr> <td align="center" width="180" height="32"><a href="#" class="b"><p onClick="qingqing()">防弹衣</p></a></td><td align="center" width="180" height="32"><a href="#" class="b"><p onClick="qingqing()">装甲车</p></a></td><td align="center" width="180" height="32"><a href="#" class="b"><p onClick="qingqing()">战斗机</p></a></td><td align="center" width="180" height="32"><a href="#" class="b"><p onClick="qingqing()">坦克类</p></a></td><td align="center" width="180" height="32"><a href="#" class="b"><p onClick="qingqing()">航母类</p></a></td></tr></table></div> <div id="div3" style="color:#0000FF; display:none"> <table width="900" height="32" align="center" class="xiala1" border="0"> <tr> <td align="center" width="450" height="32"><a href="#" class="b"><span onClick="xialaa(2)">需要联系我们</span></a></td> <td align="center" width="450" height="32"><a href="#" class="b"><span onClick="xialaa(3)">留下联系方式</span></a></td> </tr></table> </div> </tr> </table>
JS代码:
function xiala(num) { for(i=1;i<=4;i++) { var div=document.getElementById("div" + i); if(div == null) continue; if(i == num) { div.style.display="block"; }else { div.style.display="none"; } } } //下拉式导航及其链接1 function xialaa(num) { for(i=1;i<=100;i++) { var div=document.getElementById("divv" + i); if(div == null) continue; if(i == num) { div.style.display="block"; }else { div.style.display="none"; } } } //下拉式导航及其链接2
css代码:
td.zhmm{ color:#FFFFFF;} .zc{ color:#FF0000; font-family:隶书; text-align:center;} td.zhuce{ color:#FFFF99; font-family:"隶书"; font-size:20px;} td.tishi{ color:#66FF00; font-family:"新宋体"; font-size:14;} .biaoti{ color:#00FFFF; font-family: "华文新魏"; font-size:24px;} .abc{ color:#FFFFFF; font-family:elephant; font-size:18px;} a.a{ color:#999999; font-size:20px; text-decoration:none; font-weight:bold; font-family:"华文新魏";} a.a:hover{ color:#FFFF00; text-decoration:underline; font-size:24px} .xiala1{ color:#CCCCCC; font-family:"华文新魏"; font-size:18px; text-decoration:none} .zhuce55{ color:#999999; font-family:隶书; font-size:18px;} .zhuce66{ color:#FF0000; font-family:"华文新魏"; font-size:16px;} .dibiao{ font-family:"华文新魏"; font-size:16px; color:#666666} a.b{ color:#66FF33; font-family:"华文新魏"; font-size:18px; text-decoration:none} a.b:hover{ color:#FF66FF; text-decoration:underline; font-size:20;} a.c{ color:#FFFFFF; font-family:"华文新魏"; font-size:18px; text-decoration:none} a.c:hover{ color:#FF0000; text-decoration:underline; font-size:18;} .chenggong{ color:#FF99FF; font-family:隶书; font-size:18px} .zuixin{ color:red; font-family:隶书; font-size:18px}
效果:
鼠标移动上去后:
DiyVM 香港沙田机房,也是采用的CN2优化线路,目前也有入手且在使用中,我个人感觉如果中文业务需要用到的话虽然日本机房也是CN2,但是线路的稳定性不如香港机房,所以我们在这篇文章中亲测看看香港机房,然后对比之前看到的日本机房。香港机房的配置信息。CPU内存 硬盘带宽IP价格购买地址2核2G50G2M1¥50/月选择方案4核4G60G3M1¥100/月选择方案4核8G70G3M4¥200/月选择...
近日CloudCone商家对旗下的大硬盘VPS云服务器进行了少量库存补货,也是悄悄推送了一批便宜VPS云服务器产品,此前较受欢迎的特价20美元/年、1核心1G内存1Gbps带宽的VPS云服务器也有少量库存,有需要美国便宜大硬盘VPS云服务器的朋友可以关注一下。CloudCone怎么样?CloudCone服务器好不好?CloudCone值不值得购买?CloudCone是一家成立于2017年的美国服务...
BuyVM测评,BuyVM怎么样?BuyVM好不好?BuyVM,2010年成立的国外老牌稳定商家,Frantech Solutions旗下,主要提供基于KVM的VPS服务器,数据中心有拉斯维加斯、纽约、卢森堡,付费可选强大的DDOS防护(月付3美金),特色是1Gbps不限流量,稳定商家,而且卢森堡不限版权。1G或以上内存可以安装Windows 2012 64bit,无需任何费用,所有型号包括免费的...