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>
.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>
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>