基于jQuery的網(wǎng)頁(yè)右下角彈出廣告(IE7,firefox)
更新時(shí)間:2010年08月25日 15:53:40 作者:
以前曾寫過(guò)一個(gè),不過(guò)太麻煩了,呵呵```現(xiàn)在改進(jìn)了一下,其實(shí)很簡(jiǎn)單:css定位層一直在右下角,用js控制層的高度增減。
演示代碼:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
核心代碼:
$(function(){
//標(biāo)題層的高度--提示打開或關(guān)閉
var titHeight=$("#ditTitle").height();
//內(nèi)容層的高度
var conHeight=$("#divContent").height();
//打開或關(guān)閉
$("#close").toggle(function(){
//改變提示
$("#close").text("關(guān)閉");
//動(dòng)畫--一秒內(nèi)消息層高度增加,top增加
$("#msgDiv").animate({height:titHeight+conHeight},1000,function(){
//展開后執(zhí)行的函數(shù)
});
},function(){
//改變提示
$("#close").text("打開");
//alert(temp+" "+titHeight);
$("#msgDiv").animate({height:titHeight},1000,function(){
//關(guān)閉后執(zhí)行的函數(shù)
});
})
//執(zhí)行
var myTimer,i=8;
function starFun()
{
//觸發(fā)click事件,顯示
if(i==4)
{
$("#close").click();
}
//清除timeout,觸發(fā)click事件,關(guān)閉層
if(i==0)
{
window.clearTimeout(myTimer);
if($("#close").text()!="打開")
$("#close").click();
}
myTimer=window.setTimeout(starFun,1000);
i=i-1;
}
starFun()
});
經(jīng)測(cè)試IE6不可運(yùn)行,鑒于當(dāng)前使用IE6的中國(guó)用戶比較多,建議大家學(xué)習(xí),不建議使用。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
核心代碼:
復(fù)制代碼 代碼如下:
$(function(){
//標(biāo)題層的高度--提示打開或關(guān)閉
var titHeight=$("#ditTitle").height();
//內(nèi)容層的高度
var conHeight=$("#divContent").height();
//打開或關(guān)閉
$("#close").toggle(function(){
//改變提示
$("#close").text("關(guān)閉");
//動(dòng)畫--一秒內(nèi)消息層高度增加,top增加
$("#msgDiv").animate({height:titHeight+conHeight},1000,function(){
//展開后執(zhí)行的函數(shù)
});
},function(){
//改變提示
$("#close").text("打開");
//alert(temp+" "+titHeight);
$("#msgDiv").animate({height:titHeight},1000,function(){
//關(guān)閉后執(zhí)行的函數(shù)
});
})
//執(zhí)行
var myTimer,i=8;
function starFun()
{
//觸發(fā)click事件,顯示
if(i==4)
{
$("#close").click();
}
//清除timeout,觸發(fā)click事件,關(guān)閉層
if(i==0)
{
window.clearTimeout(myTimer);
if($("#close").text()!="打開")
$("#close").click();
}
myTimer=window.setTimeout(starFun,1000);
i=i-1;
}
starFun()
});
經(jīng)測(cè)試IE6不可運(yùn)行,鑒于當(dāng)前使用IE6的中國(guó)用戶比較多,建議大家學(xué)習(xí),不建議使用。
您可能感興趣的文章:
相關(guān)文章
jquery的相對(duì)父元素和相對(duì)文檔定位示例代碼
在開發(fā)jquery時(shí)候經(jīng)常需要用到定位,有相對(duì)父元素定位和相對(duì)文檔定位,本文為此總結(jié)下,有需要的朋友可以參考下2013-08-08jquery中dom操作和事件的實(shí)例學(xué)習(xí) 仿yahoo郵箱登錄框的提示效果
最近把jquery中的dom操作和jquery中的事件和動(dòng)畫的方法都大體測(cè)了一下。本來(lái)想細(xì)細(xì)的把每個(gè)方法都寫出來(lái)介紹下2011-11-11jQuery插件echarts設(shè)置折線圖中折線線條顏色和折線點(diǎn)顏色的方法
這篇文章主要介紹了jQuery插件echarts設(shè)置折線圖中折線線條顏色和折線點(diǎn)顏色的方法,結(jié)合實(shí)例形式分析了jQuery圖表插件echarts設(shè)置折線圖的相關(guān)操作技巧,需要的朋友可以參考下2017-03-03jQuery EasyUI 右鍵菜單--關(guān)閉標(biāo)簽/選項(xiàng)卡的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇jQuery EasyUI 右鍵菜單--關(guān)閉標(biāo)簽/選項(xiàng)卡的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10基于jquery實(shí)現(xiàn)圖片上傳本地預(yù)覽功能
這篇文章主要介紹了基于jquery實(shí)現(xiàn)圖片上傳本地預(yù)覽功能的相關(guān)資料,需要的朋友可以參考下2016-01-01jQuery實(shí)現(xiàn)dialog設(shè)置focus焦點(diǎn)的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)dialog設(shè)置focus焦點(diǎn)的方法,涉及jQuery針對(duì)dialog的操作技巧,需要的朋友可以參考下2015-06-06