注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

忽尔今夏

人生中最大的敌人是自己......

 
 
 

日志

 
 

导航栏当前显示异色代码  

2010-05-27 15:53:30|  分类: NET |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
<!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 ml; charset=utf-8" />
<script language="javascript" type="text/javascript">
var  $c=function(array){var nArray = [];for (var i=0;i<array.length;i++) nArray.push(array[i]);return nArray;};
 Array.prototype.each=function(func){for(var i=0,l=this.length;i<l;i++) {func(this[i],i);};};
    document .getElementsByClassName=function(cn){//
       var hasClass=function(w,Name){
  var hasClass = false;
  w.className.split(' ').each(function(s){
   if (s == Name) hasClass = true;
  });
  return hasClass;
   };
  var elems =document.getElementsByTagName("*")||document.all;
            var elemList = [];
           $c(elems).each(function(e){
      if(hasClass(e,cn)){elemList.push(e);}
     })
            return $c(elemList);
 }; 
window.onload=function(){
var a=document.getElementsByClassName("nav")[0].getElementsByTagName("a");
for(var i=0;i<a.length;i++){
a[i].onfocus=function(){this.blur();}
a[i].onclick=function(){for(var j=0;j<a.length;j++){a[j].className="";};this.className="current";}
}
}
</script>
<title>菜单测试页面</title>
</head>
<body>
<style type="text/css">
<!--
.nav{
 MARGIN: 1px 0;
 WIDTH: 100%;
 FONT-FAMILY: verdana;
 HEIGHT: 21px;
 BACKGROUND-COLOR: #970B0B;
 font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}
.nav UL {
 PADDING: 0px;
 DISPLAY: block;
 MARGIN: 0px;
 LIST-STYLE-TYPE: none;
 HEIGHT: 21px;
 BACKGROUND-COLOR: #970B0B;
 COLOR: #ffffff;
}
.nav LI {
 BORDER-RIGHT: #ffffff 1px solid;
 DISPLAY: block;
 FLOAT: left;
 HEIGHT: 21px;
 font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}
.nav LI A {
 PADDING:1px 15px 0;
 DISPLAY: block;
 FONT-WEIGHT: none;
 COLOR: #ffffff;
 LINE-HEIGHT: 20px;
 TEXT-DECORATION: none;
}
.nav LI A:hover {
 COLOR:#562505;
 BACKGROUND-COLOR:#FF6600;
 TEXT-DECORATION: none;
}
.current{
  color:#ffffff;
  background:#FF9900;
}
.nav li#date{
  color:#ffffff;
  PADDING:2px 15px 0;
}
-->
</style>
<DIV class="nav">
  <UL>
    <LI><A href="#">首页</A>< >
    <LI><A href="#">对公签约</A> < >
    <LI><a href="#" class="current">个人签约</a> < >
    <LI><A href="#">支付项目</A> < >
    <LI><A href="#">数字证书</A> < >
    <LI><A href="#">My Web</A> < >
    <LI><A href="#">蓝色理想</A> < >
    <LI><A href="http://www.wxwdesign.cn">My Blog</A> < >
  </UL>
</DIV>
</body>
< ml>
  评论这张
 
阅读(235)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017