css的强大功能之代表expression()
1.先看看其强大功能
<style type="text/css">
.mycss
{
color : red ;
cursor : default ;
anyName : expression(
οnmοusemοve=function(){this.style.color="blue" ; titleDiv.innerHTML='mouseover'; } ,
οnmοuseοut=function() { this.style.color="red";titleDiv.innerHTML='mouseout'; }
)
}
</style>
.mycss
{
color : red ;
cursor : default ;
anyName : expression(
οnmοusemοve=function(){this.style.color="blue" ; titleDiv.innerHTML='mouseover'; } ,
οnmοuseοut=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 >
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>