动态滤镜效果二
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN html head titleNew document/title style type=text/css !-- div#div1{height:240px;filter:progid:DXImageTransform.Microsoft.RevealTrans(duration=12,transition=20);} -- /style /head bod
<!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:progid:DXImageTransform.Microsoft.RevealTrans(duration=12,transition=20);}
-->
</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>
- 上一篇：动态滤镜效果代码
- 下一篇：css !important
精彩图集
精彩文章