最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

javascript AutoScroller 函數(shù)類

 更新時間:2009年05月29日 20:33:01   作者:  
javascript AutoScroller 自動滾動類代碼,學習類的朋友可以參考下。
復制代碼 代碼如下:

/*
* Copyright (C) 2007-2009 skylark
* Email:aohailin@gmail.com
* Version:2.1
* 原創(chuàng)程序,轉(zhuǎn)載請保留版權(quán)
*/
var $=function(o){return typeof o=="string"?document.getElementById(o):o;};
function AutoScroll(){
this.obj=[];
this.version="2.1";
this.Build();//初始化
};
AutoScroll.prototype.Build=function(){
var me=this;
//取得其他滾動事件
var oldscroll=window.onscroll;
window.onscroll=function(){
//保護其他滾動事件
if("function"==typeof oldscroll){
oldscroll();
}
//得到客戶端瀏覽器參數(shù),兼容IE,F(xiàn)F,Chrome
this.common={
t:document.documentElement.scrollTop||document.body.scrollTop,
h:document.documentElement.clientHeight||document.body.clientHeight,
w:document.documentElement.clientWidth||document.body.clientWidth
};
this.position=[];
for(var i=0;i<me.obj.length;i++){
try{
this.style={};
//獲得客戶端位置,設置了7種位置
//為了讓最小化自動適應位置,這里動態(tài)計算位置,所以滾動事件觸發(fā)時,CPU消耗很大
this.position[i]=[
{x:0,y:this.common.t},
{x:this.common.w-me.obj[i].obj.offsetWidth,y:this.common.t},
{x:0,y:(this.common.h+this.common.t-me.obj[i].obj.offsetHeight)/2+(this.common.t)/2},
{x:this.common.w-me.obj[i].obj.offsetWidth,y:(this.common.h+this.common.t-me.obj[i].obj.offsetHeight)/2+(this.common.t)/2},
{x:(this.common.w-me.obj[i].obj.offsetWidth)/2,y:(this.common.h+this.common.t-me.obj[i].obj.offsetHeight)/2+(this.common.t)/2},
{x:0,y:this.common.h+this.common.t-me.obj[i].obj.offsetHeight},
{x:this.common.w-me.obj[i].obj.offsetWidth,y:this.common.h+this.common.t-me.obj[i].obj.offsetHeight}
];
//處理自定義樣式
this.style="object"==typeof me.obj[i].style?{x:me.obj[i].style.left,y:me.obj[i].style.top+this.common.t}:{x:this.position[i][me.obj[i].style].x,y:this.position[i][me.obj[i].style].y};
//定位
me.obj[i].obj.style.left=this.style.x+"px";
me.obj[i].obj.style.top=this.style.y+"px";
}catch(e){
//功能是過濾無效obj
for(var j=i;j<me.obj.length-1;j++){
me.obj[j]=me.obj[j+1];
me.obj.length=me.obj.length-1;
}
}
}
};
//初始化
window.scroll(1,1);
};
AutoScroll.prototype.Add=function(){
var obj=arguments[0];
//獲得當前position
var oldposition=$(obj.id).style.position;
$(obj.id).style.position="absolute";
//不使用fixed,雖然高版本瀏覽器都已經(jīng)支持fixed
this.obj.push({
obj:$(obj.id),
oldposition:oldposition,
style:obj.style
});
};
AutoScroll.prototype.Remove=function(){
var obj=arguments[0];
for(var i=0;i<this.obj.length;i++){
if(this.obj[i].obj==$(obj.id)){
//還原初始狀態(tài)position
this.obj[i].obj.style.position=this.obj[i].oldposition;
//是否真正移除
if(obj.remove){
this.obj[i].obj.innerHTML="";
document.body.removeChild(this.obj[i].obj);
}
//移除obj
for(var j=i;j<this.obj.length-1;j++){
this.obj[j]=this.obj[j+1];
}
this.obj.length=this.obj.length-1;
break;
}
}
};
var Scroller=new AutoScroll();

相關(guān)文章

  • js實現(xiàn)導入導出功能實例代碼(FileSave.js)

    js實現(xiàn)導入導出功能實例代碼(FileSave.js)

    這篇文章主要給大家介紹了關(guān)于js實現(xiàn)導入導出功能(FileSave.js)的相關(guān)資料,FileSaver.js是在客戶端保存文件的解決方案,非常適合在客戶端上生成文件的Web應用,需要的朋友可以參考下
    2023-11-11
  • mongoose之bulkWrite操作使用實例

    mongoose之bulkWrite操作使用實例

    這篇文章主要為大家介紹了mongoose之bulkWrite操作使用實例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-09-09
  • Vue2.0+ElementUI實現(xiàn)表格翻頁的實例

    Vue2.0+ElementUI實現(xiàn)表格翻頁的實例

    下面小編就為大家?guī)硪黄猇ue2.0+ElementUI實現(xiàn)表格翻頁的實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-10-10
  • js判斷運行jsp頁面的瀏覽器類型以及版本示例

    js判斷運行jsp頁面的瀏覽器類型以及版本示例

    做了一個判斷瀏覽器類型和版本號的業(yè)務,記錄下相關(guān)的js代碼,個人感覺還不錯,需要的朋友可以參考下
    2013-10-10
  • JavaScript判斷圖片是否已經(jīng)加載完畢的方法匯總

    JavaScript判斷圖片是否已經(jīng)加載完畢的方法匯總

    在網(wǎng)上有很多關(guān)于判斷圖片是否已經(jīng)加載完畢的文章,但是有的瀏覽器并不適合,下面小編給大家分享一些有關(guān)JavaScript判斷圖片是否已經(jīng)加載完畢的方法匯總,需要的朋友參考下
    2016-02-02
  • pdfmake生成pdf的使用方法

    pdfmake生成pdf的使用方法

    本文介紹了如何使用pdfmake第三方庫在項目中根據(jù)模板生成PDF文件,文中還提到了常用的配置,如頁眉和頁腳效果,對pdfmake pdf使用方法感興趣的朋友一起看看吧
    2024-09-09
  • js回溯法計算最佳旅行線路代碼實例

    js回溯法計算最佳旅行線路代碼實例

    這篇文章主要介紹了js回溯法計算最佳旅行線路代碼實例,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2019-09-09
  • Bootstrap圖片輪播組件使用實例解析

    Bootstrap圖片輪播組件使用實例解析

    圖片輪播組件是一個在網(wǎng)頁中很常見的技術(shù),這篇文章主要為大家詳細介紹了Bootstrap圖片輪播組件使用實例,感興趣的小伙伴們可以參考一下
    2016-06-06
  • JS面試必備之手寫call/apply/bind/new

    JS面試必備之手寫call/apply/bind/new

    在JavaScript中,call、apply、bind、new是Function對象自帶的三個方法,也是面試時??嫉闹R點,所以本文就來和大家講講如何手寫實現(xiàn)這四個方法吧
    2023-05-05
  • 一些常用且實用的原生JavaScript函數(shù)

    一些常用且實用的原生JavaScript函數(shù)

    日常開始中常用到的一些原生JavaScript函數(shù),比較實用, 今天特地整理一下,分享給大家,希望對大家有用,會常更新,同時也歡迎大家補充.
    2010-09-09

最新評論

仪征市| 邹平县| 海南省| 兴安盟| 大渡口区| 红安县| 双桥区| 松阳县| 库伦旗| 星座| 凤翔县| 青川县| 建湖县| 台南县| 大渡口区| 南开区| 平昌县| 蒙阴县| 乌恰县| 临朐县| 元谋县| 五寨县| 威海市| 平果县| 吴旗县| 绥阳县| 临沭县| 都兰县| 新源县| 磴口县| 江孜县| 安塞县| 桐城市| 武邑县| 澎湖县| 定南县| 吉安市| 诸城市| 巴东县| 库伦旗| 方正县|