zoukankan      html  css  js  c++  java
  • <转>css中用expression实现js的onmouseover/onmouseout事件

    <!DOCTYPE HTML PUBLIC "-//W3C//Dtd HTML 4.0 transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> CSS样式里使用JavaScript(onmouseover/onmouseout) </TITLE>
    <style type="text/css">
    li{
    cursor:pointer;
    border:1px solid #eee;
    /*设置onmouseover事件*/
    onmouseover:expression(onmouseover=function (){this.style.borderColor ='blue';this.style.color='red';this.style.backgroundColor ='yellow';this.style.fontWeight='bold'});
    /*设置onmouseout事件*/
    onmouseout:expression(onmouseout=function (){this.style.borderColor='';this.style.color='';this.style.backgroundColor ='';this.style.fontWeight=''});
    }
    /*使火狐浏览器实现相应效果*/
    li:hover{
    background:yellow;
    color:red;
    border-color:blue;
    font-weight:bold;
    }
    </style>
    </HEAD>
    <BODY>
    <ul>
    <li>我是第一行列表</li>
    <li>我是第二行列表</li>
    <li>我是第三行列表</li>
    <li>我是第四行列表</li>
    <li>我是第五行列表</li>
    </ul>
    </BODY>
    </HTML>

    <font color="red">注:火狐是不支持expression的,而且expression也比较占资源,建议改为js实现!</font>

    <div style="position:absolute;height:12px;left:0; top:expression(document.body.clientHeight- this.style.pixelHeight+document.body.scrollTop);font:12px;">IE里我永远在左下角。^o^</div>

  • 相关阅读:
    #ASP.NET Core 1.0 Key Features
    #asp.net core mvc 的视图注入
    # asp.net core 1.0 项目结构
    dotnet core 初试两个小问题解决
    1044 火星数字(20 分)
    1043 输出PATest(20 分)
    1042 字符统计(20 分)
    1041 考试座位号(15 分)
    1040 有几个PAT(25 分)
    1039 到底买不买(20 分)
  • 原文地址:https://www.cnblogs.com/sunny0515/p/2350471.html
Copyright © 2011-2022 走看看