JS实现网页百叶窗效果

<html>
<head>
<title>网页百叶窗特效代码</title>
<style>

</style>
</head>
<body>
<div id="i1" class="intro"></div><div id="i2" class="intro"></div><div id="i3"
class="intro"></div><div id="i4" class="intro"></div><div id="i5" class="intro"></div><div
id="i6" class="intro"></div><div id="i7" class="intro"></div><div id="i8" class="intro"></div>
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CSCRIPT%20language%3Djavascript%3E%0D%0A%3C!--%0D%0Avar%20speed%3D30%0D%0Avar%20temp%3Dnew%20Array()%0D%0Avar%20temp2%3Dnew%20Array()%0D%0Aif%20(document.layers)%7B%0D%0Afor%20(i%3D1%3Bi%3C%3D8%3Bi%2B%2B)%7B%0D%0Atemp%5Bi%5D%3Deval(%22document.i%22%2Bi%2B%22.clip%22)%0D%0Atemp2%5Bi%5D%3Deval(%22document.i%22%2Bi)%0D%0Atemp%5Bi%5D.width%3Dwindow.innerWidth%2F8-0.3%0D%0Atemp%5Bi%5D.height%3Dwindow.innerHeight%0D%0Atemp2%5Bi%5D.left%3D(i-1)*temp%5Bi%5D.width%0D%0A%7D%0D%0A%7D%0D%0Aelse%20if%20(document.all)%7B%0D%0Avar%20clipbottom%3Ddocument.body.offsetHeight%2Ccliptop%3D0%0D%0Afor%20(i%3D1%3Bi%3C%3D8%3Bi%2B%2B)%7B%0D%0Atemp%5Bi%5D%3Deval(%22document.all.i%22%2Bi%2B%22.style%22)%0D%0Atemp%5Bi%5D.width%3Ddocument.body.clientWidth%2F8%0D%0Atemp%5Bi%5D.height%3Ddocument.body.offsetHeight%0D%0Atemp%5Bi%5D.left%3D(i-1)*parseInt(temp%5Bi%5D.width)%0D%0A%7D%0D%0A%7D%0D%0Afunction%20openit()%7B%0D%0Awindow.scrollTo(0%2C0)%0D%0Aif%20(document.layers)%7B%0D%0Afor%20(i%3D1%3Bi%3C%3D8%3Bi%3Di%2B2)%0D%0Atemp%5Bi%5D.bottom-%3Dspeed%0D%0Afor%20(i%3D2%3Bi%3C%3D8%3Bi%3Di%2B2)%0D%0Atemp%5Bi%5D.top%2B%3Dspeed%0D%0Aif%20(temp%5B2%5D.top%3Ewindow.innerHeight)%0D%0AclearInterval(stopit)%0D%0A%7D%0D%0Aelse%20if%20(document.all)%7B%0D%0Aclipbottom-%3Dspeed%0D%0Afor%20(i%3D1%3Bi%3C%3D8%3Bi%3Di%2B2)%7B%0D%0Atemp%5Bi%5D.clip%3D%22rect(0%20auto%2B%22%2Bclipbottom%2B%22%200)%22%0D%0A%7D%0D%0Acliptop%2B%3Dspeed%0D%0Afor%20(i%3D2%3Bi%3C%3D8%3Bi%3Di%2B2)%7B%0D%0Atemp%5Bi%5D.clip%3D%22rect(%22%2Bcliptop%2B%22%20auto%20auto)%22%0D%0A%7D%0D%0Aif%20(clipbottom%3C%3D0)%0D%0AclearInterval(stopit)%0D%0A%7D%0D%0A%7D%0D%0Afunction%20gogo()%7B%0D%0Astopit%3DsetInterval(%22openit()%22%2C100)%0D%0A%7D%0D%0Agogo()%0D%0A--%3E%0D%0A%3C%2FSCRIPT%3E">
</body>
</html>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程