动态滤镜效果代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>New document</title>
<style type="text/css">
<!--
div#div1 { height:240px;filter:BlendTrans(duration=1);}
-->
</style>
</head>
<body>
<div id="div1">
<img src="1.jpg" alt=""/>
</div>
<input type="button" value="play" onclick="play()"/>
</body>
</html>
<script language="JavaScript" type="text/javascript">
<!--
function play(){
var div1=document.getElementById("div1");
div1.filters[0].apply();
div1.innerHTML="<img src='2.jpg' alt=''/>";
div1.filters[0].play();
}
//-->
</script>
- 上一篇：DropShadow滤镜效果实例
- 下一篇：动态滤镜效果二
精彩图集
精彩文章