百葉窗：
思路：
首先將頁面工作區的寬度（或者高度）分成n等分；
然後按每份的寬度（或高度）在頁面中添加n個等寬（或等高）的層<div>；
(層的高度（或寬度）爲頁面工作區的高度，將層按順序平鋪在頁面中)
然後用<div>標記的style對象的clip屬性的rect參數來是實現：
奇數層的高由大到小進行顯示，偶數層的高由小到大進行顯示。
代碼：
http://down.51cto.com/data/1430115
×××效果：
思路：
首先產生初始粒子，
按照函數改變子粒子的位置（left和top)
代碼：
http://down.51cto.com/data/1436000
圖片隨滾輪放大和縮小
思路：通過zoom屬性來實現
圖片獲取焦點後，通過onmousewheel事件來控制zoom的值
代碼：
<html>
<head>
<title>Test</title>
<script type="text/javascript">
function mouse(obj){
var zoom = parseInt(obj.style.zoom,10)||100;
zoom += event.wheelDelta/12;
if(zoom>0){
obj.style.zoom = zoom + "%";
}
return false;
}
</script>
</head>
<body bgcolor="#55FF00" style="margin:0">
<img src="1.jpg" onmousewheel="return mouse(this)">
<h1 align="center" width="1000px" height="500px">this is an example </h1>
</body>
</html>