jQuery实现网页右下角弹出广告

以前曾写过一个,不过太麻烦了,呵呵```

现在改进了一下,

其实很简单: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;
height:25px;
overflow:hidden;
padding:0;
position:fixed;
right:20px;
}
.contentCss{
background:#666;
height:200px;
width:200px;
}
.contentCssHeight{
}
.titleCss{
width:200px;
height:25px;
line-height:25px;
text-align:right;
margin:0px;
background:#999999;
}
#close{
cursor:pointer;
}
</style>

//打开或关闭
$("#close").toggle(function(){
//改变提示
$("#close").text("关闭");
//动画--一秒内消息层高度增加,top增加
$("#msgDiv").animate({height:titHeight+conHeight},1000,function(){
//展开后执行的函数
});
},function(){
//改变提示
$("#close").text("打开");
//alert(temp+" "+titHeight);
$("#msgDiv").animate({height:titHeight},1000,function(){
//关闭后执行的函数
});
})

//执行
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="height: 1000px; 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="height: 1000px; background: #C0C0C0;">
测试Div</div>
</body>
</html>

转载于:https://www.cnblogs.com/xxwgcg/archive/2010/08/25/1807890.html

jQuery实现网页右下角弹出广告相关推荐

网页右下角弹出广告窗口超简洁
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&quo ...
php 右下脚弹窗,多种样式jQuery网页右下角弹出提示信息代码
多种样式jQuery网页右下角弹出提示信息代码,extjs右下角消息提示框,Jquery Messager消息弹出插件. 查看演示下载资源: 14 次下载资源下载积分: 20 积分 js代码 $ ...
网页JS弹出广告代码，头部，右下角，网页中漂浮，对联广告代码等大全
01.借鉴:网页JS弹出广告代码,头部,右下角,网页中漂浮,对联广告代码等大全02.网页头部弹出广告:03. 04.<script src="ht ...
win7系统老是弹窗怎么解决_win7系统右下角经常弹广告怎么办|win7系统右下角弹出广告的屏蔽方法...
相信使用win7系统的用户都经历过,经常我们使用电脑打开网页准备看电影或玩游戏的时候,任务栏右下角经常会突然屏幕弹出广告,那么遇到win7系统右下角经常弹广告怎么办呢?接下来请大家跟着小编一起学习一下 ...
右下角弹出广告怎么关
有时候,不知道为什么电脑系统突然很多广告,经常会在桌面右下角弹出来,让人心塞.而电脑小白遇到这种情况都不知道怎么办,真是拿广告一点办法都没有. 1. 先打开任务管理器,找到弹窗有关进程,右键打开文件所 ...
模仿CSDN浏览器右下角弹出广告，兼容所有浏览器，内容可自定义，扩张性强
下载资源地址:http://download.csdn.net/download/tjcyjd/7052739 此demo为本人亲自从csdn网站扣下来的,模仿CSDN浏览器右下角弹出广告,兼容所有浏 ...
html从右侧弹出面板,JavaScript实现网页右下角弹出窗口代码
JavaScript实现网页右下角弹出窗口代码 - www.webdm.cn #winpop { width:200px; height:0px; position:absolute; right:0 ...
简单的jQuery实现右下角弹出广告
在网上我们经常打开一个网页时候经常看到右下角弹出一个对话框广告出来感觉蛮好奇的以前用javascript写一个这样的比较复杂要用dom节点什么的今天用个jquery写个这样的非常简单就 ...
右下角弹出广告 js，漂浮效果（兼容多浏览器）
分享非常不错的一个使用 JavaScript 实现的可最小化,可关闭的右下角浮动广告窗效果,可以随滚动条的滚动而自行滚动保持在右下角的固定位置.基本上兼容了所有的浏览器(包括IE 火狐谷歌浏览器苹 ...

jQuery实现网页右下角弹出广告

jQuery实现网页右下角弹出广告相关推荐

最新文章

热门文章