学习

.NET
elementHover
Html代码 复制代码
  1. <html>  
  2. <head>  
  3. <style>  
  4. .btn { color:#000;  border:0; cursor:hand;}   
  5. .btn_hover { color:#3E3E3E; }   
  6.   
  7. </style>  
  8. </head>  
  9. <body>  
  10.    <input type="button" class="btn"  value="登 录"/>  
  11.    <script type="text/javascript" >  
  12.     addLoadEvent(elementHover("input","btn_hover","btn"));   
  13.    </script>  
  14. </body>  
  15. </html>  


Java代码 复制代码
  1. /**  
  2.  * @author tiger  
  3.  * 2009-5-21  
  4.  */  
  5. function addLoadEvent(func) {    
  6.    var oldonload = window.onload;    
  7.    if (typeof window.onload != 'function') {    
  8.         window.onload = func;    
  9.        } else {    
  10.         window.onload = function() {    
  11.           if (oldonload) {    
  12.               oldonload();    
  13.              }    
  14.         func();    
  15.        }    
  16.     }    
  17. }    
  18.  function elementHover(obj,hover,init){// 使ie6 button支持hover属性 obj是要支持hover的实体  hover是btn:hover的样式，init是初始样式   
  19.     if(navigator.appName == "Microsoft Internet Explorer" && parseFloat(navigator.appVersion) == 4){// 判断ie6   
  20.         var o = document.getElementsByTagName(obj);   
  21.         for(var i=0;i<o.length;i++){   
  22.             if(o[i].type == "button" || obj != "input"){   
  23.                 o[i].className = init;   
  24.                 o[i].onmouseover = function(){ this.className = hover}   
  25.                 o[i].onmouseout  = function(){ this.className = init};   
  26.             }   
  27.         }   
  28.     }   
  29.  }  

elementHover(obj,hover,init) obj是最后加上的，打算把这个函数做成通用的，像<a>,<p>,<img>这些都能用

posted on 2009-12-24 10:17  realhu  阅读(349)  评论(0)    收藏  举报