天天躁日日躁狠狠躁AV麻豆-天天躁人人躁人人躁狂躁-天天澡夜夜澡人人澡-天天影视香色欲综合网-国产成人女人在线视频观看-国产成人女人视频在线观看

百度空間的popup效果分析第1/3頁

百度空間的彈出窗口和拖拽效果,看起來挺不錯的。現(xiàn)在很多知名網(wǎng)站都是用的這樣的技術(shù)。下面把我down的js代碼發(fā)出來,我分析了一部分,但是還有很多東西不明白怎么回事,沒有寫注釋的部分,還請高手能幫我解釋一下。本人屬于初學(xué),有不對的地方還請多多指教。
在聲明一條吧,此代碼僅做學(xué)習(xí)用,技術(shù)版權(quán)屬于百度。
主要是一個叫做:popup.js的文件,如下:
/**//*********************************************** popup.js**************************************************/
//為數(shù)組Array添加一個push方法
//為數(shù)組的末尾加入一個對象
if(!Array.prototype.push)
{
 Array.prototype.push=function ()
 {
 var startLength=this.length;
 for(var i=0;i<arguments.length;i++)
 {
 this[startLength+i]=arguments[i];
 }
 return this.length;
 }
 };

//對G函數(shù)的參數(shù)進(jìn)行處理
function G()
{
 //定義一個數(shù)組用來保存參數(shù)
 var elements=new Array();
 //循環(huán)分析G中參數(shù)的內(nèi)容
 for(var i=0;i<arguments.length;i++)
 {
 var element=arguments[i];

 //如果參數(shù)的類型為string,則獲得以這個參數(shù)為ID的對象
 if(typeof element=='string')
 {
 element=document.getElementById(element);
 }
 //如果參數(shù)的長度為1
 if(arguments.length==1)
 {
 return element;
 }
 //將對象加入到數(shù)組的末尾
 elements.push(element);
 };
 return elements;
};

Function.prototype.bind=function (object)
{
 var __method=this;
 return function ()
 {
 __method.apply(object,arguments);
 };
};

//綁定事件
Function.prototype.bindAsEventListener=function (object)
{
 var __method=this;
 return function (event){__method.call(object,event||window.event);};
};


Object.extend=function (destination,source)
{
 for(property in source)
 {
 destination[property]=source[property];
 };
 return destination;
};


if(!window.Event)
{
 var Event=new Object();
};

Object.extend(
 Event,

 {
 observers:false,
 element:function (event)
 {
 return event.target||event.srcElement;
 },

 isLeftClick:function (event)
 {
 return (((event.which)&&(event.which==1))||((event.button)&&(event.button==1)));
 },

 pointerX:function (event)
 {
 return event.pageX||(event.clientX+(document.documentElement.scrollLeft||document.body.scrollLeft));
 },

 pointerY:function (event)
 {
 return event.pageY||(event.clientY+(document.documentElement.scrollTop||document.body.scrollTop));
 },

 stop:function (event)
 {
 if(event.preventDefault)
 {
 event.preventDefault();
 event.stopPropagation();
 }
 else 
 {
 event.returnValue=false;
 event.cancelBubble=true;
 };
 },

 findElement:function (event,tagName)
 {
 var element=Event.element(event);
 while(element.parentNode&&(!element.tagName||(element.tagName.toUpperCase()!=tagName.toUpperCase())))
 element=element.parentNode;
 return element;
 },

 _observeAndCache:function (element,name,observer,useCapture)
 {
 if(!this.observers)
 this.observers=[];
 if(element.addEventListener)
 {
 this.observers.push([element,name,observer,useCapture]);
 element.addEventListener(name,observer,useCapture);
 }
 else if(element.attachEvent)
 {
 this.observers.push([element,name,observer,useCapture]);
 element.attachEvent('on'+name,observer);
 };
 },

 unloadCache:function ()
 {
 if(!Event.observers)
 return;
 for(var i=0;i<Event.observers.length;i++)
 {
 Event.stopObserving.apply(this,Event.observers[i]);
 Event.observers[i][0]=null;
 };
 Event.observers=false;
 },

 observe:function (element,name,observer,useCapture)
 {
 var element=G(element);
 useCapture=useCapture||false;
 if(name=='keypress'&&(navigator.appVersion.match(/Konqueror|Safari|KHTML/)||element.attachEvent))
 name='keydown';
 this._observeAndCache(element,name,observer,useCapture);
 },

 stopObserving:function (element,name,observer,useCapture)
 {
 var element=G(element);
 useCapture=useCapture||false;
 if(name=='keypress'&&(navigator.appVersion.match(/Konqueror|Safari|KHTML/)||element.detachEvent))
 name='keydown';
 if(element.removeEventListener)
 {
 element.removeEventListener(name,observer,useCapture);
 }
 else if(element.detachEvent)
 {
 element.detachEvent('on'+name,observer);
 };
 }
 }
);

JavaScript技術(shù)百度空間的popup效果分析第1/3頁,轉(zhuǎn)載需保留來源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 被老头下药玩好爽 | 成人麻豆日韩在无码视频 | 好男人免费观看在线高清WWW | 帝王被大臣们调教高肉 | 回复术士人生重启在线观看 | 成人在线不卡视频 | 国产噜噜噜精品免费 | 男人和女人一起愁愁愁很痛 | 国语对白刺激真实精品 | www.亚洲天堂| 国产色综合久久无码有码 | 欧美性猛交XXXX乱大交极品 | 粉嫩小护士 | 奶水四溅54p | 女人把腿张开叫男人桶免费视频 | 精品蜜臀AV在线天堂 | 在线国产三级 | 欧美亚洲国内日韩自拍视频 | 国产激情精品久久久久久碰 | 欧洲亚洲精品A片久久99果冻 | 99国产精品综合AV无码 | 91久久99久91天天拍拍 | 网友自拍偷拍 | 巨胸美女狂喷奶水www网麻豆 | 亚洲伊人久久网 | 97碰成视频免费 | 久久精品一卡二卡三卡四卡视频版 | 2023国产精品一卡2卡三卡4卡 | 黄图gif揉胸吸奶 | 精品丰满人妻无套内射 | 日本邪恶全彩工囗囗番海贼王 | 亚洲乱码在线卡一卡二卡新区 | 姉调无修版ova国语版 | 亚洲国产精品特色大片观看 | 日韩欧美高清一区 | 老师别揉我胸啊嗯小说 | 国产视频精品在线偷拍 | 国产人A片在线乱码视频 | 免费看国产曰批40分钟 | 欧美阿v在线免播播放 | 99热成人精品国产免男男 |