資源描述:
《js-功能函數(shù) 1.0》由會員上傳分享,免費在線閱讀,更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。
1、//JavaScriptDocument/*功能函數(shù)*//*EditByRichardadda-QZQL*//*version1.0,Encodeutf-8withoutBOM*///獲取瀏覽器可視域高度functiongetViewHeight(){returndocument.documentElement.clientHeight
2、
3、document.body.clientHeight
4、
5、window.innerHeight;}//獲取瀏覽器可視域?qū)挾萬unctiongetViewWidth(){returndocument.
6、documentElement.clientWidth
7、
8、document.body.clientWidth
9、
10、window.innerWidth;}//獲取滾動條橫向位置functiongetScrollLeft(){returndocument.documentElement.scrollLeft
11、
12、document.body.scrollLeft;}//獲取滾動條縱向位置functiongetScrollTop(){returndocument.documentElement.scrollTop
13、
14、document.body.
15、scrollTop;}//獲取滾動條位置functiongetScroll(){return{top:document.documentElement.scrollTop
16、
17、document.body.scrollTop,left:document.documentElement.scrollLeft
18、
19、document.body.scrollLeft};}//獲取CSS樣式屬性值functiongetStyle(_this_Ele,attr){varvalue;if(typeofwindow.getComputedStyle!='
20、undefined'){value=window.getComputedStyle(_this_Ele,null)[attr];}elseif(typeof_this_Ele.currentStyle!='undefiend'){value=_this_Ele.currentStyle[attr];}returnvalue;}//設(shè)置CSS樣式屬性functionsetStyle(_this_ELe,attr,value){if(attr!='opacity'){_this_ELe.style[attr]=value+'px';}e
21、lse{_this_ELe.style.opacity=(value/100).toFixed(2);_this_ELe.style.filter='alpha(opacity='+value+')';}}//設(shè)置或獲取CSS樣式屬性值functionCSS(_this_ELe,attr,value){if(arguments.length==2){varsCur=_this_ELe.currentStyle?_this_ELe.currentStyle[attr]:document.defaultView.getComputedS
22、tyle(_this_ELe,null)[attr];if(attr=='opacity'){returnparseInt(parseFloat(sCur)*100);}else{returnparseInt(sCur);}}elseif(arguments.length==3){switch(attr){case'width':case'height':case'paddingLeft':case'paddingTop':case'paddingRight':case'paddingBottom':value=Math.max(v
23、alue,0);case'left':case'top':case'marginLeft':case'marginTop':case'marginRight':case'marginBottom':case'fontsize':_this_ELe.style[attr]=value+'px';break;case'opacity':_this_ELe.style.filter="alpha(opacity:"+value+")";_this_ELe.style.opacity=value/100;break;default:_thi
24、s_ELe.style[attr]=value;}}returnfunction(attr_in,value_in){CSS(_this_ELe,attr_in,value_in)};}//面向過程的動畫框架functionstart