《分析javascript纵向的相册效果》由会员分享，可在线阅读，更多相关《分析javascript纵向的相册效果（5页珍藏版）》请在金锄头文库上搜索。
1、我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解分析javascript纵向的相册效果本代码来自于懒人图库,本站只是对其代码进行分析并解释,并标注了源代码的来源,本次是对纵向的相册效果进行分析.注明:源文件来源于懒人图库(便于代码简洁,去除了部分懒人的ad)纵向的js相册效果body background:#;margin:20px 0;font:12px verdana, arial, tahoma;text-align:center;vertical-align:middle;color:#ffff
2、ffimg border:none.txt_1 font:bold 24px verdana, tahoma;color:#fffimg.thumb_img cursor:pointer;display:block;margin-bottom:10pximg#main_img cursor:pointer;display:block;#gotop cursor:pointer;display:block;#gobottom cursor:pointer;display:block;#showarea height:355px;margin:10px;overflow:hidden.info c
3、olor:#666;font:normal 9px verdana;margin-top:20px.info a:link, .info a:visited color:#666;text-decoration:none.info a:hover color:#fff;text-decoration:none纵向的js相册效果-.省略n个图片function $(e) return document.getelementbyid(e);/定义获取通过对象document.getelementsbyclassname = function(cl) /定义document的通过classname来
4、获得对象数组var retnode = ;/定义空数组var myclass = new regexp(cl);/通过正则上面传来的cl值来判断对象var elem = this.getelementsbytagname(*);for (var i = 0; i var classes = elemi.classname;/如果classname符合正则则添加到定义的空数组if (myclass.test(classes) retnode.push(elemi);return retnode;/最后返回数组var mymar;var speed = 1; /速度，越大越慢var spec =
5、1; /每次滚动的间距, 越大滚动越快var ipath = images/; /图片路径var thumbs = document.getelementsbyclassname(thumb_img);/获取以thumb_img的数组for (var i=0; ithumbsi.onmouseover = function () $(main_img).src=this.rel; $(main_img).link=this.link;/循环对对象进行附加事件thumbsi.onclick = function () location = this.link$(main_img).onclick
6、 = function () window.open(this.link);/对中间的大图进行附加事件$(gotop).onmouseover = function() this.src = ipath + gotop2.gif; mymar=setinterval(gotop,speed);$(gotop).onmouseout = function() this.src = ipath + gotop.gif; clearinterval(mymar);$(gobottom).onmouseover = function() this.src = ipath + gobottom2.gif
7、; mymar=setinterval(gobottom,speed);$(gobottom).onmouseout = function() this.src = ipath + gobottom.gif; clearinterval(mymar);function gotop() $(showarea).scrolltop-=spec;/设定鼠标移动到上下按钮时,图片的整体滚动function gobottom() $(showarea).scrolltop+=spec; 对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确，更感到只有中国共产党是全中国最广大人民利益的忠实代表
