javascript 控制 CSS 滤镜 （3）
<html><head>
<style>
<!--
#maskmask
{
color:blue;
FILTER: mask(color=#8C96B5) shadow(color=yellow,direction=135);
height:10px;
width:5px;
font-size:24px;
}
-->
</style>
</head>
<script language="JavaScript1.2">
function maskit()
{
if (document.all.maskmask.filters[0].color=="#8C96B5")
document.all.maskmask.filters[0].color="#FF5566";
//document.all.maskmask.filters[1].color="brown";
//mask滤镜设置不了字体颜色，比如maskmask.style.color="blue"这样写是无效的，字体颜色可由shadow来帮助实现;
else if (document.all.maskmask.filters[0].color=="#FF5566")
document.all.maskmask.filters[0].color="#112233";
else if (document.all.maskmask.filters[0].color=="#112233")
document.all.maskmask.filters[0].color="#F2e985";
else if (document.all.maskmask.filters[0].color=="#F2e985")
document.all.maskmask.filters[0].color="#8C96B5";
}
function startmasking()
{
if (maskmask)
setInterval("maskit()",1000);
}
window.onload=startmasking;
</script>
<body>
<span id="maskmask">abc</span>
</body>
</html>
