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>

  • 相关阅读:
    JAVA类和对象
    JAVA数组
    JAVA流程控制语句
    JAVA运算符
    JAVA数据类型-整数、浮点、字符串、boolean、引用数据类型
    JAVA变量
    JAVA文档注释的三种方式
    @Transactional注解失效的场景总结
    接口幂等性
    事务的四个特性、四种隔离级别和七种传播行为
  • 原文地址:https://www.cnblogs.com/sunny0515/p/2350471.html
Copyright © 2011-2022 走看看