滤镜锥形光照
关键词:滤镜锥形光照,滤镜,滤镜效果
查看效果:滤镜锥形光照
代码如下:
<html xmlns:rdl>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>滤镜锥形光照</title>
<style>
body{margin:0px;padding:16px;background:#FFFFFF;overflow:auto;}
body,table,input,select,textarea,a{font-family:verdana,tahoma,arial;font-size:11px;color:#000000;word-break:break-all;}
table,img{border:0px;}
a{text-decoration:none;color:#003399;}
a:hover{color:#000000;text-decoration:underline;}
#id_div3{padding-top:8px;border-top:1px solid #000000;line-height:15px;}
#id_span3{font-size:10px;font-family:tahoma;}
#idParentDiv{width:100%;height:120px;padding:6px;background-color:buttonshadow;position:relative;}
#idDiv{width:80%;height:80px;background-color:#FFD700;padding:6px;position:absolute;z-index:3;left:9px;top:9px;filter:progid:DXImageTransform.Microsoft.Light();}
</style>
<script>
var oDiv;
function window.onload(){
oDiv=document.all("idDiv");
}
function rdl_change(){
with (oDiv.filters[0]) {addCone(0,0,1,80,80,255,0,0,20,180);}
}
</script>
</head>
<body>
<div id=idParentDiv>
<div id=idDiv><img src="../images/rdl_body2.jpg" style="float:left;border:1px solid #000000;">请点击下面的按钮。</div>
</div>
<br>
<input type=button value="添加锥形光" onclick="rdl_change()">
<br> <br> <br>
<div id=id_div3>苏昱作品·版权所有<br><span id=id_span3><a href="http://www.forasp.cn/">网站制作学习网</a>转</span></div>
</body>
</html>