基于jQuery的网页右下角弹出广告(IE7,firefox)
时间：2010-08-31 来源：缘分星空
以前曾写过一个,不过太麻烦了,呵呵```现在改进了一下,其实很简单:css定位层一直在右下角,用js控制层的高度增减。
演示代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>测试</title> <style type="text/css"> .divCss{ bottom:0; display:block; overflow:hidden; padding:0; position:fixed; right:20px; } .contentCss{ background:#666; width:200px; } .contentCssHeight{ } .titleCss{ width:200px; line- text-align:right; margin:0px; background:#999999; } #close{ cursor:pointer; } </style> <script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script language="javascript" type="text/javascript"> $(function(){ //标题层的高度--提示打开或关闭 var titHeight=$("#ditTitle").height(); //内容层的高度 var conHeight=$("#divContent").height(); //打开或关闭 $("#close").toggle(function(){ //改变提示 $("#close").text("关闭"); //动画--一秒内消息层高度增加,top增加 $("#msgDiv").animate({ },function(){ //改变提示 $("#close").text("打开"); //alert(temp+" "+titHeight); $("#msgDiv").animate({ }) //执行 var myTimer,i=8; function starFun() { //触发click事件,显示 if(i==4) { $("#close").click(); } //清除timeout,触发click事件,关闭层 if(i==0) { window.clearTimeout(myTimer); if($("#close").text()!="打开") $("#close").click(); } myTimer=window.setTimeout(starFun,1000); i=i-1; } starFun() }); </script> </head> <body> <div style=" background: #ccc;"> 测试Div</div> <div id="msgDiv" class="divCss"> <div id="ditTitle" class="contentCssHeight titleCss"> <span id="close">打开</span></div> <div id="divContent" class="contentCss"> 这是一些测试内容</div> </div> <div style=" background: #C0C0C0;"> 测试Div</div> </body> </html>
[ 提示：你可先修改部分代码，再按Ctrl+A 全部选择 ]
核心代码:
$(function(){
//标题层的高度--提示打开或关闭
var titHeight=$("#ditTitle").height();
//内容层的高度
var conHeight=$("#divContent").height();
//打开或关闭
$("#close").toggle(function(){
//改变提示
$("#close").text("关闭");
//动画--一秒内消息层高度增加,top增加
$("#msgDiv").animate({
},function(){
//改变提示
$("#close").text("打开");
//alert(temp+" "+titHeight);
$("#msgDiv").animate({
})
//执行
var myTimer,i=8;
function starFun()
{
//触发click事件,显示
if(i==4)
{
$("#close").click();
}
//清除timeout,触发click事件,关闭层
if(i==0)
{
window.clearTimeout(myTimer);
if($("#close").text()!="打开")
$("#close").click();
}
myTimer=window.setTimeout(starFun,1000);
i=i-1;
}
starFun()
});
LV N51286 Louis Vuitton LV Handbags Sarria MiniGucci G203650-brown Gucci-203650-2 HandbagsLouis Vuitton A Grade Monogram PU Leather Handbags - BlackGucci bag in 181524 Red/White/Black Patent leather guci-181524-Red Handbagschanel Handbags Love Bow Satin Bag Green 2008 New Chanel-080429-greenLouis Vuitton Monogram Canvas Sac Bosphore M40043 HandbagsLouis Vuitton Show Fall And Winter 2009 Monogram Shoulder Bag Off-white 94036-7 HandbagsLouis Vuitton Damier Canvas Mini Pochette Accessoires Trunks N58011 HandbagsLouis Vuitton Show Fall Winter 2009 Stamped Centre Silver Stud Wristlet Clutch Bag Black 95872-8 HandbagsLV M41526PL Louis Vuitton LV Handbags Speedy 30 - GrenadeGucci GG Fabric Handbagss 114522-01 gucci-114522-01LV M32488 Louis Vuitton Handbags AndreiMultipocket Bag - White Snake chanel-cc590 HandbagsLouis Vuitton Damier Canvas Neverfull PM N51109 HandbagsGucci bag 177139-Black gucci-177139YH-Black Handbagschanel Wallet Caviar Clutch - Brown Chanel-cc2080 HandbagsLouis Vuitton Damier Geant Canvas Citadin Earth M93040 HandbagsLouis Vuitton Utah Leather Utah Sac Plat M92073 HandbagsGucciDesigners Handbags 189835FFPAG8433 gucci-189835FFPAG8433Classic Chains Bag - Red chanel-cc1760 HandbagsLouis Vuitton Monogram Vernis Alma MM LV M93626GY HandbagsLV N42028 Louis Vuitton LV Handbags Sac Baxter PMLouis Vuitton Show Fall Winter 2009 LV Stamp Bag Black M95067 HandbagsLouis Vuitton Monogram Canvas Hudson GM M40045 HandbagsLouis Vuitton Monogram Canvas Montorgueil GM M95566 HandbagsLouis Vuitton Damier canvas Designer Hottest Clutch Bag N52132 Handbagschanel Handbags Chain Detail Purse - Black chanel-cc770Medium Tote - Black on Black with Chain Handles chanel-cc1490 Handbagschanel Handbags Chain Detail Purse - White chanel-cc800Gucci Babouska Boston 207283-black gucci-207283-04 HandbagsLV M95547SW Louis Vuitton Handbags Mahina XL - SilverGucci BAG 189868-black gucci-189868-black HandbagsGucci 207297-Small Gucci-207297-Small HandbagsGucci Race Top Handle Bag in Gold snakle Leather gucci-177091-Gold HandbagsLouis Vuitton Monogram Canvas Trotteur M51240 HandbagsLV M95019 Louis Vuitton LV Handbags Pleaty SpeedyGucci 177139 cruse hobo bag Gucci-177139-10 HandbagsGuccci 197020L black patent leather Guccci-197020L HandbagsLouis Vuitton Damier Graphite Canvas Michael Bag N58024 HandbagsGucci Pink leather Tote-Large bag kucci-162913PK HandbagsLV M52052W Louis Vuitton LV Handbags Pont-Neuf - WhiteGucci DIAPER Handbags BROWN GUBRDIAP gucci-GUBRDIAPLouis Vuitton Bequia Trotter Bag Coffee M95782 HandbagsGucci GG Fabric Handbagss G203520 Gucci-203520Louis Vuitton Monogram Multicolore Claudia M40194 HandbagsLV M51828 Louis Vuitton LV Handbags MarlyLouis Vuitton Epi Leather Bucket PM Red M58992 HandbagsLouis Vuitton Mahina Patent Leather MM Bag Red M95796 M95796-red HandbagsLouis Vuitton Multicolor Sologne White M92661 Handbagschanel Handbags Hobo in Blue chanel-cc650
相关阅读 更多 +
