jquery彈出層類代碼分享
更新時(shí)間:2013年12月27日 15:14:57 作者:
jquery彈層類代碼分享,大家參考使用吧
復(fù)制代碼 代碼如下:
var t9 = new PopupLayer({trigger:"#ele9",popupBlk:"#blk9",closeBtn:"#close9",
useOverlay:true,useFx:true,offsets:{x:0,y:-41}});
t9.doEffects = function(way){
if(way == "open"){
this.popupLayer.css({opacity:0.3}).show(400,function(){
this.popupLayer.animate({
left:($(document).width() - this.popupLayer.width())/2,
top:(document.documentElement.clientHeight -
this.popupLayer.height())/2 + $(document).scrollTop(),
opacity:0.8
},1000,function(){this.popupLayer.css("opacity",1)}.binding(this));
}.binding(this));
}
else{
this.popupLayer.animate({
left:this.trigger.offset().left,
top:this.trigger.offset().top,
opacity:0.1
},{duration:500,complete:function(){
this.popupLayer.css("opacity",1);this.popupLayer.hide()}.binding(this)});
}
}
相關(guān)文章
基于jQuery實(shí)現(xiàn)動態(tài)搜索顯示功能
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)動態(tài)搜索顯示功能的相關(guān)資料,輸入數(shù)值自動匹配相關(guān)信息,感興趣的小伙伴們可以參考一下2016-05-05cookie的復(fù)制與使用記住用戶名實(shí)現(xiàn)代碼
正如標(biāo)題所言cookie如何復(fù)制、使用與記住用戶名,下面有個(gè)不錯(cuò)的示例,感興趣的朋友可以參考下2013-11-1120款非常優(yōu)秀的 jQuery 工具提示插件 推薦
工具提示(Tooltip)在網(wǎng)站中的一個(gè)小功能,但卻有很重要的作用,常用于顯示一些溫馨的提示信息。如果網(wǎng)站中的工具提示功能做得非常有創(chuàng)意的話能夠加深用戶對網(wǎng)站印象2012-07-07html5以及jQuery實(shí)現(xiàn)本地圖片上傳前的預(yù)覽代碼實(shí)例講解
這篇文章主要介紹了html5以及jQuery實(shí)現(xiàn)本地圖片上傳前的預(yù)覽代碼實(shí)例講解,圖文代碼實(shí)例講解的很清晰,有感興趣的同學(xué)可以研究下2021-03-03Jquery Easyui進(jìn)度條組件Progress使用詳解(8)
這篇文章主要為大家詳細(xì)介紹了Jquery Easyui進(jìn)度條組件Progress的使用方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12jQuery創(chuàng)建自定義的選擇器用以選擇高度大于100的超鏈接實(shí)例
這篇文章主要介紹了jQuery創(chuàng)建自定義的選擇器用以選擇高度大于100的超鏈接,實(shí)例分析了jQuery自定義選擇器的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03