通过控制图层显隐和alpha滤镜静态转换,实现黑白模糊过渡为彩色清晰
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Image One-Off Color Fade</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" media="screen" href="http://www.rexsong.com/public/style.css" /> <link href="style.css" type="text/css" rel="stylesheet" /> <script src="fade.js" type="text/javascript"></script> </head> <body id="rexsong_demo"> <div id="rexsong_space"></div>
<h1>图片一次性色彩过度</h1> <div class="holder"> <div class="message">web design and development</div> <img id="clean" src="1.jpg" /> <img id="blur" src="1b.jpg" /> </div> <p><a href="http://www.dbrandon.co.uk/">http://www.dbrandon.co.uk/</a></p>
<script type="text/javascript" src="http://www.rexsong.com/public/rexsong.demo.js"></script> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-67927-3"; urchinTracker(); </script> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-67927-7"; urchinTracker(); </script> </body> </html>
loading