原生JS分页展示效果（点击分页看效果）

　　文中图片地址已经失效，但代码功能都存在，大家注意替换下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>实例索引</title> 
<style type="text/css"> 
body{margin:0px;padding:0px;font-size:12px;font-family:Verdana, "微软雅黑";background:#2d3033;} 
img{border:0;} 
a{outline:none;} 
#box{width:918px;height:745px;margin:20px auto;border:5px solid #4b5258;background:#fff;padding:1px;position:relative;} 
#box .kuang{width:918px;height:745px;float:left; background:#eaeaea;position:relative;} 
#box .kuang ul{margin:0px;padding:0px;float:left;list-style-type:none;} 
#box .kuang li{width:130px;height:120px;display:inline;margin:28px 0 0 28px;background:#f3f3f3;float:left;padding:10px 10px 0 10px;overflow:hidden;filter:alpha(opacity=100);opacity:1;} 
#box .kuang li span{display:block;height:90px;} 
#box .kuang li h3{display:block;height:30px;line-height:30px;text-align:left;text-indent:3px;margin:0px;padding:0px;font-style:normal;} 
#box .kuang li h3 a{font-size:12px;font-weight:normal;color:#333;text-decoration:none;} 
#box .kuang li h3 a:hover{text-decoration:underline;} 
#box .kuang .menu{width:918px;height:76px;background:url(http://www.glzy8.com/script/images/menu_bg.png) no-repeat center;display:inline;margin-top:28px;text-align:center; position:absolute;bottom:0px;left:0px;} 
#box .kuang .menu a{width:52px;height:52px;display:inline-block;background:url(http://www.glzy8.com/script/images/menu_bg_but.png) no-repeat;margin-top:12px; color:#9c9c9c;font-size:20px;text-decoration:none;text-align:center;line-height:50px;} 
#box .kuang .menu a:hover{background:url(http://www.glzy8.com/script/images/menu_bg_but.png) no-repeat -57px 0;} 
#box .kuang .menu a.hover{background:url(http://www.glzy8.com/script/images/menu_bg_but.png) no-repeat -114px 0;color:#fff;} 
#box .l_t{width:14px;height:14px;position:absolute;background:url(http://www.glzy8.com/script/images/l_t.jpg) no-repeat;top:-5px;left:-5px;z-index:10;} 
#box .r_t{width:14px;height:14px;position:absolute;background:url(http://www.glzy8.com/script/images/r_t.jpg) no-repeat;top:-5px;right:-5px;z-index:10;} 
#box .l_b{width:14px;height:14px;position:absolute;background:url(http://www.glzy8.com/script/images/l_b.jpg) no-repeat;bottom:-5px;left:-5px;z-index:10;} 
#box .r_b{width:14px;height:14px;position:absolute;background:url(http://www.glzy8.com/script/images/r_b.jpg) no-repeat;bottom:-5px;right:-5px;z-index:10;} 
#bg{width:100%;height:100%;position:absolute;background:#000;top:0px;left:0px;filter:alpha(opacity=0);opacity:0;z-index:100;display:none;} 
#img_kuang{width:610px;height:20px;position:absolute;z-index:101;overflow:hidden;top:50%;left:50%;margin:0 0 0 -305px;display:none;} 
#img_kuang .box{width:610px;height:500px;position:absolute;background:#000;top:0;left:0;filter:alpha(opacity=50);opacity:0.5;} 
#img_kuang .box_1{width:588px;height:478px;position:absolute;background:#f2f2f2;top:10px;left:10px;border:1px solid #fff;} 
#img_kuang .box_1 h2{width:300px;height:34px;float:left;margin:0px;padding:0px;font-size:14px;line-height:34px; text-indent:15px;color:#1e2123;} 
#img_kuang .box_1 div em{width:100px;height:34px;line-height:34px;float:right;font-style:normal;text-align:right;color:#999999;font-size:12px;padding-right:18px;font-weight:normal;} 
#img_kuang .box_1 div em a{color:#999999;text-decoration:none;} 
#img_kuang .box_1 div em a:hover{text-decoration:underline;} 
#img_kuang .box_1 p{width:588px;height:412px;display:inline-block;margin:0px;padding:0px;background:url(http://www.glzy8.com/script/images/img_bg.jpg) no-repeat center center;text-align:center;} 
#img_kuang .box_1 p img{display:inline;margin:6px 0 0 0;} 
#img_kuang .box_1 span{width:570px;height:32px;display:inline-block;font-size:12px;line-height:34px;padding-right:18px;text-align:right;} 
#img_kuang .box_1 span a{color:#006699;text-decoration:underline;} 
</style> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0Awindow.onload%20%3D%20function()%7B%20%0D%0Avar%20oBox%20%3D%20document.getElementById('box')%3B%20%0D%0Avar%20oMenu%20%3D%20getClass(oBox%2C%20'menu')%5B0%5D%3B%20%0D%0Avar%20aMenu_a%20%3D%20oMenu.getElementsByTagName('a')%3B%20%0D%0Avar%20aLi%20%3D%20oBox.getElementsByTagName('li')%3B%20%0D%0Avar%20aA%20%3D%20oBox.getElementsByTagName('a')%3B%20%0D%0Avar%20i%20%3D%20aList%20%3D%200%3B%20%0D%0Avar%20len%20%3D%20aMenu_a.length%3B%20%0D%0Avar%20li_len%20%3D%20aLi.length%3B%20%0D%0Avar%20zIndex%20%3D%20li_len-1%3B%20%0D%0Avar%20timer%20%3D%20null%3B%20%0D%0Avar%20oSwitch%20%3D%20true%3B%20%0D%0Avar%20oPlace%20%3D%20%5B%5D%3B%20%0D%0Avar%20aTit%20%3D%20%5B%20%0D%0A%7Btitle%3A'%E5%8A%9F%E8%83%BD%E7%AD%9B%E9%80%89'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2FFilter%2F'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F01.jpg'%7D%2C%20%0D%0A%7Btitle%3A'%E6%89%8B%E9%A3%8E%E7%90%B4%E6%95%88%E6%9E%9C(%E6%B5%B7%E8%B4%BC%E7%8E%8B)'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Faccordion%2F'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F02.jpg'%7D%2C%20%0D%0A%7Btitle%3A'%E6%B5%B7%E8%B4%BC%E7%8E%8B%E9%80%9A%E7%BC%89%E4%BB%A4'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fhzw%2F'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F03.jpg'%7D%2C%20%0D%0A%7Btitle%3A'%E5%AD%94%E6%98%8E%E7%A4%BE%E5%8C%BA%E5%9B%BE%E7%89%87%E5%88%87%E6%8D%A2%E6%95%88%E6%9E%9C'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fkmsq%2F'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F04.jpg'%7D%2C%20%0D%0A%7Btitle%3A'%E7%BB%9D%E5%AF%B9%E5%9B%BA%E5%AE%9A%E4%BD%8D%E7%BD%AE%E5%9B%9E%E5%88%B0%E9%A1%B6%E9%83%A8%E6%8C%89%E9%92%AE'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fjs%2FpositionFixed'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F05.jpg'%7D%2C%20%0D%0A%7Btitle%3A'%E6%A8%A1%E6%8B%9F%E8%A1%A8%E5%8D%95%E6%8E%A7%E4%BB%B6'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fjs%2Ften%2F05.html'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F06.jpg'%7D%2C%20%0D%0A%7Btitle%3A'%E6%8B%BC%E5%9B%BE%E5%B0%8F%E6%B8%B8%E6%88%8F'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fjs%2Ften%2F04.html'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F07.jpg'%7D%2C%20%0D%0A%7Btitle%3A'%E8%8B%B9%E6%9E%9C%E5%AF%BC%E8%88%AA%E6%A0%8F'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fjs%2Ften%2F03.html'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F08.jpg'%7D%2C%20%0D%0A%7Btitle%3A'%E6%A8%A1%E4%BB%BFQQ%E7%99%BB%E5%BD%95%E7%AA%97%E5%8F%A3'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fjs%2Ften%2F02.html'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F09.jpg'%7D%2C%20%0D%0A%7Btitle%3A'%E7%AA%97%E5%8F%A3%E6%8B%96%E6%8B%BD%EF%BC%88Cookie%E4%BF%9D%E5%AD%98%E6%8B%96%E6%8B%BD%E4%BD%8D%E7%BD%AE%EF%BC%89'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fjs%2Ften%2F01.html'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F10.jpg'%7D%2C%20%0D%0A%7Btitle%3A'%E4%BB%BF%E5%9C%9F%E8%B1%86%E6%BB%9A%E5%8A%A8%E6%9D%A1'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fjs%2Fnine%2F04.html'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F11.jpg'%7D%2C%20%0D%0A%7Btitle%3A'%E7%85%A7%E7%89%87%E5%A2%99'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fjs%2Fnine%2F03.html'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F12.jpg'%7D%2C%20%0D%0A%7Btitle%3A'DIV%E5%BC%B9%E5%87%BA%E6%8B%96%E6%8B%BD%E5%B1%82'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fjs%2Fnine%2F02.html'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F13.jpg'%7D%2C%20%0D%0A%7Btitle%3A'%E5%9B%BE%E7%89%87%E9%A2%84%E5%8A%A0%E8%BD%BD%E6%92%AD%E6%94%BE%E5%99%A8'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fjs%2Fnine%2F01.html'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F14.jpg'%7D%2C%20%0D%0A%7Btitle%3A'%E6%89%8B%E9%A3%8E%E7%90%B4%E7%84%A6%E7%82%B9%E5%9B%BE'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fjs%2Feight%2F07.html'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F15.jpg'%7D%2C%20%0D%0A%7Btitle%3A'%E4%BB%BF%E5%9C%9F%E8%B1%86%E5%BA%95%E9%83%A8%E8%8F%9C%E5%8D%95%E6%95%88%E6%9E%9C'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fjs%2Feight%2F06.html'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F16.jpg'%7D%2C%20%0D%0A%7Btitle%3A'%E4%BB%BF%E8%85%BE%E8%AE%AF%E5%BE%AE%E5%8D%9A%E6%95%88%E6%9E%9C'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fjs%2Feight%2F05.html'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F17.jpg'%7D%2C%20%0D%0A%7Btitle%3A'%E6%B7%98%E5%AE%9D%E5%B9%BB%E7%81%AF%E7%89%872'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fjs%2Feight%2F04.html'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F18.jpg'%7D%2C%20%0D%0A%7Btitle%3A'%E5%9B%BE%E7%89%87%E6%B7%A1%E5%85%A5%E6%B7%A1%E5%87%BA'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fjs%2Feight%2F03.html'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F19.jpg'%7D%2C%20%0D%0A%7Btitle%3A'%E5%A4%9A%E7%BA%A7%E5%8F%B3%E9%94%AE%E8%8F%9C%E5%8D%95'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fjs%2Feight%2F02.html'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F20.jpg'%7D%2C%20%0D%0A%7Btitle%3A'%E5%9B%BE%E7%89%87%E5%A4%A7%E5%B0%8F%E7%BC%A9%E6%94%BE'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fjs%2Feight%2F01.html'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F21.jpg'%7D%2C%20%0D%0A%7Btitle%3A'%E7%BC%93%E5%86%B2%E8%BF%90%E5%8A%A8%E5%9B%9E%E5%88%B0%E9%A1%B6%E9%83%A8%E6%8C%89%E9%92%AE'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fjs%2Fseven%2F06.html'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F05.jpg'%7D%2C%20%0D%0A%7Btitle%3A'%E6%B7%98%E5%AE%9D%E5%9B%BE%E7%89%87%E5%B9%BB%E7%81%AF%E7%89%87'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fjs%2Fseven%2F04.html'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F22.jpg'%7D%2C%20%0D%0A%7Btitle%3A'%E5%80%92%E8%AE%A1%E6%97%B6%E6%97%B6%E9%92%9F'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fjs%2Fthree%2F09.html'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F23.jpg'%7D%2C%20%0D%0A%7Btitle%3A'%E6%B7%A1%E5%85%A5%E6%B7%A1%E5%87%BA%E7%84%A6%E7%82%B9%E5%9B%BE'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fjs%2Ffour%2F03.html'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F24.jpg'%7D%2C%20%0D%0A%7Btitle%3A'%E7%84%A6%E7%82%B9%E5%9B%BE'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fjs%2Ffour%2F02.html'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F24.jpg'%7D%2C%20%0D%0A%7Btitle%3A'%E7%AE%80%E6%98%93%E9%80%89%E9%A1%B9%E5%8D%A1'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fjs%2Ftwo%2F07.html'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F25.jpg'%7D%2C%20%0D%0A%7Btitle%3A'%E8%AF%84%E5%88%86%E7%B3%BB%E7%BB%9F'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2F01.html'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F26.jpg'%7D%2C%20%0D%0A%7Btitle%3A'%E6%B7%98%E5%AE%9D%E7%84%A6%E7%82%B9%E5%9B%BE%E6%95%88%E6%9E%9C(%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1)'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fjs%2Fslide'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F32.jpg'%7D%2C%20%0D%0A%7Btitle%3A'%E5%BC%B9%E5%87%BA%E5%B1%82%E6%95%88%E6%9E%9C(%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1)'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fjs%2Falert'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F31.jpg'%7D%2C%20%0D%0A%7Btitle%3A'%E5%BB%B6%E6%97%B6%E5%8A%A0%E8%BD%BD(%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1)'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fjs%2FdelayLoad'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F30.jpg'%7D%2C%20%0D%0A%7Btitle%3A'%E5%9B%BE%E7%89%87%E8%BF%9E%E7%BB%AD%E6%BB%9A%E5%8A%A8(%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1)'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fjs%2FmarqueeImg'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F29.jpg'%7D%2C%20%0D%0A%7Btitle%3A'%E6%94%BE%E5%A4%A7%E9%95%9C(%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1)'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fjs%2Fmagnifier'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F28.jpg'%7D%2C%20%0D%0A%7Btitle%3A'%E6%B7%A1%E5%85%A5%E6%B7%A1%E5%87%BA%E7%84%A6%E7%82%B9%E5%9B%BE(%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1)'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fjs%2Ffour%2F03-3.html'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F24.jpg'%7D%2C%20%0D%0A%7Btitle%3A'%E7%84%A6%E7%82%B9%E5%9B%BE(%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1)'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fjs%2Ffour%2F02-2.html'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F24.jpg'%7D%2C%20%0D%0A%7Btitle%3A'%E9%80%89%E9%A1%B9%E5%8D%A1(%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1)'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fjs%2Ftwo%2Ftab.html'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F27.jpg'%7D%2C%20%0D%0A%7Btitle%3A'%E8%AF%84%E5%88%86%E7%B3%BB%E7%BB%9F(%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1)'%2Curl%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2F02.html'%2Cimg%3A'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F26.jpg'%7D%20%0D%0A%5D%3B%20%0D%0Afunction%20list()%7B%20%0D%0Afor(i%3D0%3Bi%3Cli_len%3Bi%2B%2B)%7B%20%0D%0Avar%20oTit_img%20%3D%20aLi%5Bi%5D.getElementsByTagName('img')%5B0%5D%3B%20%0D%0Avar%20oTit_a%20%3D%20aLi%5Bi%5D.getElementsByTagName('a')%5B1%5D%3B%20%0D%0Aif(aList%3CaTit.length)%7B%20%0D%0AaLi%5Bi%5D.style.display%3D%20'block'%3B%20%0D%0AoTit_img.src%20%3D%20aTit%5BaList%5D.img%3B%20%0D%0AoTit_a.href%20%3D%20aTit%5BaList%5D.url%3B%20%0D%0AoTit_a.title%20%3D%20aTit%5BaList%5D.title%3B%20%0D%0AoTit_a.innerHTML%20%3D%20aTit%5BaList%5D.title%3B%20%0D%0A%7Delse%7B%20%0D%0AaLi%5Bi%5D.style.display%3D%20'none'%3B%20%0D%0A%7D%20%0D%0AaList%2B%2B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Alist()%3B%20%0D%0Afor(i%3D0%3Bi%3Cli_len%3Bi%2B%2B)%7B%20%0D%0AaLi%5Bi%5D.style.top%20%3D%20aLi%5Bi%5D.offsetTop%2B'px'%3B%20%0D%0AaLi%5Bi%5D.style.left%20%3D%20aLi%5Bi%5D.offsetLeft%2B'px'%3B%20%0D%0AaLi%5Bi%5D.style.zIndex%20%3D%20zIndex--%3B%20%0D%0A%7D%20%0D%0Afor(i%3D0%3Bi%3Cli_len%3Bi%2B%2B)%7B%20%0D%0AaLi%5Bi%5D.style.margin%20%3D%20'0'%3B%20%0D%0AaLi%5Bi%5D.style.position%20%3D%20'absolute'%3B%20%0D%0AaLi%5Bi%5D.index%20%3D%20i%3B%20%0D%0AoPlace.push(%7Bleft%3AaLi%5Bi%5D.offsetLeft%2Ctop%3AaLi%5Bi%5D.offsetTop%7D)%3B%20%0D%0AaLi%5Bi%5D.onclick%20%3D%20function()%7B%20%0D%0Aimg(this)%20%0D%0A%7D%3B%20%0D%0A%7D%20%0D%0Afor(i%3D0%3Bi%3CaA.length%3Bi%2B%2B)%7B%20%0D%0AaA%5Bi%5D.onclick%20%3D%20function()%7B%20%0D%0Areturn%20false%3B%20%0D%0A%7D%3B%20%0D%0A%7D%20%0D%0Afor(i%3D0%3Bi%3Clen%3Bi%2B%2B)%7B%20%0D%0Avar%20cli%20%3D%200%3B%20%0D%0AaMenu_a%5Bi%5D.index%20%3D%20i%3B%20%0D%0AaMenu_a%5Bi%5D.onclick%20%3D%20function()%7B%20%0D%0Avar%20_this%20%3D%20this%3B%20%0D%0Aif(this.className%20!%3D%20'hover')%7B%20%0D%0Avar%20iNow%20%3D%20diNow%20%3D%20li_len-1%3B%20%0D%0Afor(i%3D0%3Bi%3Clen%3Bi%2B%2B)aMenu_a%5Bi%5D.className%20%3D%20''%3B%20%0D%0AaMenu_a%5Bthis.index%5D.className%20%3D%20'hover'%3B%20%0D%0Afor(i%3D0%3Bi%3Cli_len%3Bi%2B%2B)aLi%5Bi%5D.onclick%20%3D%20null%3B%20%0D%0Aif(cli%3D%3D0)%7B%20%0D%0Atimer%20%3D%20setInterval(function()%7B%20%0D%0Aif(oSwitch)%7B%20%0D%0AstartMove(aLi%5BiNow%5D%2C%7Bopacity%3A0%2Ctop%3A600%2Cleft%3AparseInt(918%2F2-130%2F2)%7D)%3B%20%0D%0AiNow--%3B%20%0D%0Aif(iNow%3C0)oSwitch%3Dfalse%2Ccli%3D0%2C_this.index%20%3D%3D%200%20%3F%20(aList%20%3D%200%2Clist())%20%3A%20(aList%20%3D%2020%2Clist())%3B%20%0D%0A%7Delse%7B%20%0D%0AsetTimeout(function()%7B%20%0D%0AiNow%2B%2B%3B%20%0D%0Aif(diNow%3E%3D0)startMove(aLi%5BdiNow%5D%2C%7Bopacity%3A100%2Ctop%3AoPlace%5BdiNow%5D.top%2Cleft%3AoPlace%5BdiNow%5D.left%7D)%3B%20%0D%0AdiNow--%3B%20%0D%0Aif(iNow%3D%3Dli_len-1)%7B%20%0D%0AoSwitch%3Dtrue%3B%20%0D%0AclearInterval(timer)%3B%20%0D%0Afor(i%3D0%3Bi%3Cli_len%3Bi%2B%2B)%7B%20%0D%0AaLi%5Bi%5D.onclick%20%3D%20function()%7B%20%0D%0Aimg(this)%20%0D%0A%7D%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%7D%2C1100)%3B%20%0D%0A%7D%20%0D%0A%7D%2C100)%3B%20%0D%0A%7D%20%0D%0Acli%2B%2B%3B%20%0D%0A%7D%20%0D%0A%7D%3B%20%0D%0A%7D%20%0D%0A%7D%3B%20%0D%0A%2F%2Fimg%20%0D%0Afunction%20img(obj)%7B%20%0D%0Avar%20oBg%20%3D%20document.getElementById('bg')%3B%20%0D%0Avar%20oImg_kuang%20%3D%20document.getElementById('img_kuang')%3B%20%0D%0Avar%20oImg_img%20%3D%20oImg_kuang.getElementsByTagName('img')%5B0%5D%3B%20%0D%0Avar%20oImg_H2%20%3D%20oImg_kuang.getElementsByTagName('h2')%5B0%5D%3B%20%0D%0Avar%20oImg_span%20%3D%20oImg_kuang.getElementsByTagName('span')%5B0%5D.getElementsByTagName('a')%5B0%5D%3B%20%0D%0Avar%20oImg%20%3D%20obj.getElementsByTagName('img')%5B0%5D.src%3B%20%0D%0Avar%20oH3%20%3D%20obj.getElementsByTagName('h3')%5B0%5D.getElementsByTagName('a')%5B0%5D%3B%20%0D%0AoImg_img.src%20%3D%20oImg.replace('http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2F'%2C'http%3A%2F%2Fwww.glzy8.com%2Fscript%2Fimages%2Fbig%2F')%3B%20%0D%0AoImg_H2.innerHTML%20%3D%20oH3.innerHTML%3B%20%0D%0AoImg_span.href%20%3D%20oH3.href%3B%20%0D%0AoBg.style.display%20%3D%20'block'%3B%20%0D%0AoBg.style.height%20%3D%20document.documentElement.scrollHeight%2B'px'%3B%20%0D%0AsetTimeout(function()%7B%20%0D%0AstartMove(oBg%2C%7Bopacity%3A70%7D%2Cfunction()%7B%20%0D%0AoImg_kuang.style.display%20%3D%20'block'%3B%20%0D%0AstartMove(oImg_kuang%2C%7Bheight%3A500%2CmarginTop%3Adocument.documentElement.scrollTop-250%7D%2Cfunction()%7B%20%0D%0Avar%20oClose%20%3D%20document.getElementById('close')%3B%20%0D%0AoClose.onclick%20%3D%20function()%7B%20%0D%0AstartMove(oImg_kuang%2C%7Bheight%3A0%2CmarginTop%3A0%7D%2Cfunction()%7B%20%0D%0AoImg_kuang.style.display%20%3D%20'none'%3B%20%0D%0AstartMove(oBg%2C%7Bopacity%3A0%7D%2Cfunction()%7B%20%0D%0AoBg.style.display%20%3D%20'none'%3B%20%0D%0A%7D)%3B%20%0D%0A%7D)%3B%20%0D%0A%7D%3B%20%0D%0A%7D)%3B%20%0D%0A%7D)%3B%20%0D%0A%7D%2C1000)%3B%20%0D%0A%7D%20%0D%0A%2F%2F%E8%BF%90%E5%8A%A8%E6%A1%86%E6%9E%B6%20%0D%0Afunction%20startMove(obj%2C%20json%2C%20fnEnd)%7B%20%0D%0Aif(obj.timer)clearInterval(obj.timer)%3B%20%0D%0Aobj.timer%20%3D%20setInterval(function%20()%7B%20%0D%0AdoMove(obj%2C%20json%2C%20fnEnd)%3B%20%0D%0A%7D%2C%2030)%3B%20%0D%0A%7D%20%0D%0Afunction%20getStyle(obj%2C%20attr)%7B%20%0D%0Areturn%20obj.currentStyle%20%3F%20obj.currentStyle%5Battr%5D%20%3A%20getComputedStyle(obj%2C%20false)%5Battr%5D%3B%20%0D%0A%7D%20%0D%0Afunction%20doMove(obj%2C%20json%2C%20fnEnd)%7B%20%0D%0Avar%20iCur%20%3D%200%3B%20%0D%0Avar%20attr%20%3D%20''%3B%20%0D%0Avar%20bStop%20%3D%20true%3B%20%0D%0Afor(attr%20in%20json)%7B%20%0D%0Aattr%20%3D%3D%20'opacity'%20%3F%20iCur%20%3D%20parseInt(parseFloat(getStyle(obj%2C%20'opacity'))*100)%20%3A%20iCur%20%3D%20parseInt(getStyle(obj%2C%20attr))%3B%20%0D%0Aif(isNaN(iCur))iCur%20%3D%200%3B%20%0D%0Aif(navigator.userAgent.indexOf(%22Firefox%22)%20%3E%200)%7B%20%0D%0Avar%20iSpeed%20%3D%20(json%5Battr%5D-iCur)%20%2F%206%3B%20%0D%0A%7Delse%7B%20%0D%0Avar%20iSpeed%20%3D%20(json%5Battr%5D-iCur)%20%2F%204%3B%20%0D%0A%7D%20%0D%0AiSpeed%20%3D%20iSpeed%20%3E%200%20%3F%20Math.ceil(iSpeed)%20%3A%20Math.floor(iSpeed)%3B%20%0D%0Aif(parseInt(json%5Battr%5D)!%3DiCur)bStop%20%3D%20false%3B%20%0D%0Aif(attr%3D%3D'opacity')%7B%20%0D%0Aobj.style.filter%20%3D%20%22alpha(opacity%3A%22%2B(iCur%2BiSpeed)%2B%22)%22%3B%20%0D%0Aobj.style.opacity%20%3D%20(iCur%20%2B%20iSpeed)%20%2F%20100%3B%20%0D%0A%7Delse%7B%20%0D%0Aattr%20%3D%3D%20'zIndex'%20%3F%20obj.style%5Battr%5D%20%3D%20iCur%20%2B%20iSpeed%20%3A%20obj.style%5Battr%5D%20%3D%20iCur%20%2B%20iSpeed%20%2B'px'%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Aif(bStop)%7B%20%0D%0AclearInterval(obj.timer)%3B%20%0D%0Aobj.timer%20%3D%20null%3B%20%0D%0Aif(fnEnd)fnEnd()%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%2F%2Fclass%E5%87%BD%E6%95%B0%20%0D%0Afunction%20getClass(oParent%2C%20sClass)%7B%20%0D%0Avar%20aElem%20%3D%20oParent.getElementsByTagName('*')%3B%20%0D%0Avar%20aClass%20%3D%20%5B%5D%3B%20%0D%0Avar%20i%20%3D%200%3B%20%0D%0Afor(i%3D0%3Bi%3CaElem.length%3Bi%2B%2B)if(aElem%5Bi%5D.className%20%3D%3D%20sClass)aClass.push(aElem%5Bi%5D)%3B%20%0D%0Areturn%20aClass%3B%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> 
</head> 
<body> 
<div id="bg"></div> 
<div id="img_kuang"> 
<div class="box"></div> 
<div class="box_1"> 
<div><h2>222</h2><em><a href="javascript:;" _ewebeditor_ta_href="javascript%3A%3B" id="close">× 关闭</a></em></div> 
<p><img src="" _ewebeditor_ta_src="" /></p> 
<span><a href="javascript:;" _ewebeditor_ta_href="javascript%3A%3B" target="_blank">>>点击浏览</a></span> 
</div> 
</div> 
<div id="box"> 
<div> 
<em class="l_t"></em> 
<em class="r_t"></em> 
<em class="l_b"></em> 
<em class="r_b"></em> 
</div> 
<div class="kuang"> 
<ul> 
<li> 
<span><a href="javascript:;" _ewebeditor_ta_href="javascript%3A%3B"><img src="" _ewebeditor_ta_src="" width="100%" height="100%" /></a></span> 
<h3><a href="" _ewebeditor_ta_href="" title=""></a></h3> 
</li> 
<li> 
<span><a href="javascript:;" _ewebeditor_ta_href="javascript%3A%3B"><img src="" _ewebeditor_ta_src="" width="100%" height="100%" /></a></span> 
<h3><a href="" _ewebeditor_ta_href="" title=""></a></h3> 
</li> 
<li> 
<span><a href="javascript:;" _ewebeditor_ta_href="javascript%3A%3B"><img src="" _ewebeditor_ta_src="" width="100%" height="100%" /></a></span> 
<h3><a href="" _ewebeditor_ta_href="" title=""></a></h3> 
</li> 
<li> 
<span><a href="javascript:;" _ewebeditor_ta_href="javascript%3A%3B"><img src="" _ewebeditor_ta_src="" width="100%" height="100%" /></a></span> 
<h3><a href="" _ewebeditor_ta_href="" title=""></a></h3> 
</li> 
<li> 
<span><a href="javascript:;" _ewebeditor_ta_href="javascript%3A%3B"><img src="" _ewebeditor_ta_src="" width="100%" height="100%" /></a></span> 
<h3><a href="" _ewebeditor_ta_href="" title=""></a></h3> 
</li> 
<li> 
<span><a href="javascript:;" _ewebeditor_ta_href="javascript%3A%3B"><img src="" _ewebeditor_ta_src="" width="100%" height="100%" /></a></span> 
<h3><a href="" _ewebeditor_ta_href="" title=""></a></h3> 
</li> 
<li> 
<span><a href="javascript:;" _ewebeditor_ta_href="javascript%3A%3B"><img src="" _ewebeditor_ta_src="" width="100%" height="100%" /></a></span> 
<h3><a href="" _ewebeditor_ta_href="" title=""></a></h3> 
</li> 
<li> 
<span><a href="javascript:;" _ewebeditor_ta_href="javascript%3A%3B"><img src="" _ewebeditor_ta_src="" width="100%" height="100%" /></a></span> 
<h3><a href="" _ewebeditor_ta_href="" title=""></a></h3> 
</li> 
<li> 
<span><a href="javascript:;" _ewebeditor_ta_href="javascript%3A%3B"><img src="" _ewebeditor_ta_src="" width="100%" height="100%" /></a></span> 
<h3><a href="" _ewebeditor_ta_href="" title=""></a></h3> 
</li> 
<li> 
<span><a href="javascript:;" _ewebeditor_ta_href="javascript%3A%3B"><img src="" _ewebeditor_ta_src="" width="100%" height="100%" /></a></span> 
<h3><a href="" _ewebeditor_ta_href="" title=""></a></h3> 
</li> 
<li> 
<span><a href="javascript:;" _ewebeditor_ta_href="javascript%3A%3B"><img src="" _ewebeditor_ta_src="" width="100%" height="100%" /></a></span> 
<h3><a href="" _ewebeditor_ta_href="" title=""></a></h3> 
</li> 
<li> 
<span><a href="javascript:;" _ewebeditor_ta_href="javascript%3A%3B"><img src="" _ewebeditor_ta_src="" width="100%" height="100%" /></a></span> 
<h3><a href="" _ewebeditor_ta_href="" title=""></a></h3> 
</li> 
<li> 
<span><a href="javascript:;" _ewebeditor_ta_href="javascript%3A%3B"><img src="" _ewebeditor_ta_src="" width="100%" height="100%" /></a></span> 
<h3><a href="" _ewebeditor_ta_href="" title=""></a></h3> 
</li> 
<li> 
<span><a href="javascript:;" _ewebeditor_ta_href="javascript%3A%3B"><img src="" _ewebeditor_ta_src="" width="100%" height="100%" /></a></span> 
<h3><a href="" _ewebeditor_ta_href="" title=""></a></h3> 
</li> 
<li> 
<span><a href="javascript:;" _ewebeditor_ta_href="javascript%3A%3B"><img src="" _ewebeditor_ta_src="" width="100%" height="100%" /></a></span> 
<h3><a href="" _ewebeditor_ta_href="" title=""></a></h3> 
</li> 
<li> 
<span><a href="javascript:;" _ewebeditor_ta_href="javascript%3A%3B"><img src="" _ewebeditor_ta_src="" width="100%" height="100%" /></a></span> 
<h3><a href="" _ewebeditor_ta_href="" title=""></a></h3> 
</li> 
<li> 
<span><a href="javascript:;" _ewebeditor_ta_href="javascript%3A%3B"><img src="" _ewebeditor_ta_src="" width="100%" height="100%" /></a></span> 
<h3><a href="" _ewebeditor_ta_href="" title=""></a></h3> 
</li> 
<li> 
<span><a href="javascript:;" _ewebeditor_ta_href="javascript%3A%3B"><img src="" _ewebeditor_ta_src="" width="100%" height="100%" /></a></span> 
<h3><a href="" _ewebeditor_ta_href="" title=""></a></h3> 
</li> 
<li> 
<span><a href="javascript:;" _ewebeditor_ta_href="javascript%3A%3B"><img src="" _ewebeditor_ta_src="" width="100%" height="100%" /></a></span> 
<h3><a href="" _ewebeditor_ta_href="" title=""></a></h3> 
</li> 
<li> 
<span><a href="javascript:;" _ewebeditor_ta_href="javascript%3A%3B"><img src="" _ewebeditor_ta_src="" width="100%" height="100%" /></a></span> 
<h3><a href="" _ewebeditor_ta_href="" title=""></a></h3> 
</li> 
</ul> 
<div class="menu"> 
<a href="javascript:;" _ewebeditor_ta_href="javascript%3A%3B" class="hover">1</a> 
<a href="javascript:;" _ewebeditor_ta_href="javascript%3A%3B">2</a> 
</div> 
</div> 
</div> 
</body> 
</html>

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

教程首页更多教程