百叶窗：
思路：
首先将页面工作区的宽度（或者高度）分成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>