注册 登录
编程论坛 JavaScript论坛

javascript 控制 CSS 滤镜 (3)

js_friend 发布于 2011-06-28 14:48, 474 次点击
<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>
0 回复
1