资源描述：
《网页设计js幻灯片特效》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
展播/*Resetstyle*/*{margin:0;padding:0;word-break:break-all;}body{background:#FFF;color:#333;font:12px/1.6emHelvetica,Arial,sans-serif;}h1,h2,h3,h4,h5,h6{font-size:1em;}a{color:#0287CA;text-decoration:none;}a:hover{text-decoration:underline;}ul,li{list-style:none;}fieldset,img{border:none;}legend{display:none;}em,strong,cite,th{font-style:normal;font-weight:normal;}input,textarea,select,button{font:12pxHelvetica,Arial,sans-serif;}table{border-collapse:collapse;}html{overflow:-moz-scrollbars-vertical;}/*AlwaysshowFirefoxscrollbar*//*iFocusstyle*/#ifocus{width:800px;height:520px;margin:20px;border:1pxsolid#DEDEDE;background:#F8F8F8;}#ifocus_pic{display:inline;position:relative;float:left;width:670px;height:502px;overflow:hidden;margin:10px0010px;}#ifocus_piclist{position:absolute; height:5300px;}/*这里使用的是670*502的照片*/#ifocus_piclistli{width:670px;height:502px;overflow:hidden;}#ifocus_piclistimg{width:670px;height:502px;}#ifocus_btn{display:inline;float:right;width:91px;margin:9px9px00;}#ifocus_btnli{width:91px;height:57px;cursor:pointer;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);}/*这里的小照片大小设置为67*50*/#ifocus_btnimg{width:67px;height:50px;margin:11px0011px;}#ifocus_btn.current{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}#ifocus_opdiv{position:absolute;left:0;bottom:0;width:410px;height:35px;background:#000;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);}#ifocus_tx{position:absolute;left:8px;bottom:8px;color:#FFF;}#ifocus_tx.normal{display:none;}function$(id){returndocument.getElementById(id);}functionaddLoadEvent(func){varoldonload=window.onload;if(typeofwindow.onload!='function'){window.onload=func;}else{window.onload=function(){oldonload(); func();}}}functionmoveElement(elementID,final_x,final_y,interval){if(!document.getElementById)returnfalse;if(!document.getElementById(elementID))returnfalse;varelem=document.getElementById(elementID);if(elem.movement){clearTimeout(elem.movement);}if(!elem.style.left){elem.style.left="0px";}if(!elem.style.top){elem.style.top="0px";}varxpos=parseInt(elem.style.left);varypos=parseInt(elem.style.top);if(xpos==final_x&&ypos==final_y){returntrue;} if(xposfinal_x){vardist=Math.ceil((xpos-final_x)/10);xpos=xpos-dist;}if(yposfinal_y){vardist=Math.ceil((ypos-final_y)/10);ypos=ypos-dist;}elem.style.left=xpos+"px";elem.style.top=ypos+"px";varrepeat="moveElement('"+elementID+"',"+final_x+","+final_y+","+interval+")";elem.movement=setTimeout(repeat,interval);}functionclassNormal(iFocusBtnID,iFocusTxID){ variFocusBtns=$(iFocusBtnID).getElementsByTagName('li');variFocusTxs=$(iFocusTxID).getElementsByTagName('li');for(vari=0;i=2){iFocusBtns[1].onmouseover=function(){moveElement('ifocus_piclist',0,-502,11);classNormal('ifocus_btn','ifocus_tx');classCurrent('ifocus_btn','ifocus_tx',1);}}if(listLength>=3){iFocusBtns[2].onmouseover=function(){moveElement('ifocus_piclist',0,-1004,11);classNormal('ifocus_btn','ifocus_tx');classCurrent('ifocus_btn','ifocus_tx',2);}}if(listLength>=4){iFocusBtns[3].onmouseover=function(){moveElement('ifocus_piclist',0,-1506,11);classNormal('ifocus_btn','ifocus_tx');classCurrent('ifocus_btn','ifocus_tx',3);} }if(listLength>=5){iFocusBtns[4].onmouseover=function(){moveElement('ifocus_piclist',0,-2008,11);classNormal('ifocus_btn','ifocus_tx');classCurrent('ifocus_btn','ifocus_tx',4);}}if(listLength>=6){iFocusBtns[5].onmouseover=function(){moveElement('ifocus_piclist',0,-2510,11);classNormal('ifocus_btn','ifocus_tx');classCurrent('ifocus_btn','ifocus_tx',5);}}if(listLength>=7){iFocusBtns[6].onmouseover=function(){moveElement('ifocus_piclist',0,-3012,11);classNormal('ifocus_btn','ifocus_tx');classCurrent('ifocus_btn','ifocus_tx',6);}}if(listLength>=8){iFocusBtns[7].onmouseover=function(){ moveElement('ifocus_piclist',0,-3514,11);classNormal('ifocus_btn','ifocus_tx');classCurrent('ifocus_btn','ifocus_tx',7);}}if(listLength>=9){iFocusBtns[8].onmouseover=function(){moveElement('ifocus_piclist',0,-4016,11);classNormal('ifocus_btn','ifocus_tx');classCurrent('ifocus_btn','ifocus_tx',8);}}if(listLength>=10){iFocusBtns[9].onmouseover=function(){moveElement('ifocus_piclist',0,-4518,11);classNormal('ifocus_btn','ifocus_tx');classCurrent('ifocus_btn','ifocus_tx',9);}}}setInterval('autoiFocus()',5000);varatuokey=false;functionautoiFocus(){ if(!$('ifocus'))returnfalse;if(atuokey)returnfalse;varfocusBtnList=$('ifocus_btn').getElementsByTagName('li');varlistLength=focusBtnList.length;for(vari=0;i
