zoukankan      html  css  js  c++  java
  • CSS的onmouseover 和onmouseout事件

    td {
     text-align: center;
     line-height: 30px;
     cursor: hand;
     color:#027CD1;
     /*设置onmouseover事件*/
     onmouseover: expression(onmouseover=function (){
     this.style.borderColor='';
     this.style.backgroundColor='#E5EFF9';
     this.style.color='#000';
     });
    
     /*设置onmouseout事件*/
     onmouseout: expression(onmouseout=function (){
     this.style.borderColor='';
     this.style.color='';
     this.style.backgroundColor=''});
    }

    这里也可以引申为this.style.backgroundImage='',

    $("input[class='buttoncss']").each(function(){
            $(this).mouseover(function(){
                $(this).css("backgroundImage","url(<%=path%>/image/buttonBG/btnBG.png)");
            });
            $(this).mouseout(function(){
                $(this).css("backgroundImage","url(<%=path%>/image/buttonBG/btnBG2.png)");
            });
        });
    
    .buttoncss {
     font-family: "tahoma", "宋体";
     font-size:9pt; color: #444444;
     cursor:pointer;
     background-image:url(<%=path%>/image/buttonBG/btnBG2.png);
     font-style: normal ;
     height:25px;
     margin-bottom:4px;
     85px;
     border:0px;
    }
  • 相关阅读:
    NTP服务器搭建
    Linux安装MongoDB 4.4.2
    CentOS安装Zookeeper 3.6.2
    CentOS安装Redis 6.0.9
    MacBook Home End
    SLES Install
    cucumber soapui test web services
    S/4 HANA Solution Manager
    Linux下创建新用户
    su with hyphen and without
  • 原文地址:https://www.cnblogs.com/iteakey/p/3044725.html
Copyright © 2011-2022 走看看