css深入之expression()

本文通过两个示例展示了 CSS 中 expression() 的强大功能,利用这一特性可以实现鼠标悬停时改变元素颜色及提示文字的效果。文章提供了两种实现方式:直接在样式中编写 JavaScript 函数与外部定义函数并调用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

    css的强大功能之代表expression()

1.先看看其强大功能

<style type="text/css">
    .mycss 
    
{
        color
:red;
        cursor
:default;
        anyName
:expression(
                onmousemove=function(){this.style.color="blue"
;titleDiv.innerHTML='mouseover';},
                onmouseout=function()
{this.style.color="red";titleDiv.innerHTML='mouseout';}
                )
    }
    </style>
<body>
<input type="text" value="move mouse here" class="mycss"/>
<div id="titleDiv"></div>
</body>

再试下面的方式

<script language="javascript">
        function hOver(obj)
        {
            obj.style.color
="blue";
            titleDiv.innerHTML
="mouseover";
        }
        function hOut(obj)
        {
            obj.style.color
="white";
            titleDiv.innerHTML
="mouseout";
        }
    
</script>
    
<style type="text/css">
    .mycss 
    {
        color:red;
        cursor:
default;
        anyName:expression(onmouseover
=function(){hOver(this);},onmouseout=function(){hOut(this);})
    }
    
</style>
<body>
<input type="text" value="move mouse here" class="mycss"/>
<div id="titleDiv"></div>
</body>

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值