html右下角的广告特效,用jQuery实现网页右下角弹出广告效果

用jQuery实现网页右下角弹出广告效果，这种广告形式很普遍，今天主要分享一种方法，先贴出效果代码：html>

测试

.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;

}

测试Div

打开

这是一些测试内容

测试Div

$(function(){

//标题层的高度--提示打开或关闭

var titHeight=$("#ditTitle").height();

//内容层的高度

var conHeight=$("#divContent").height();

//打开或关闭

$("#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()

});

大家复制到HTML文件里去看下效果。

从上面的代码可以看出其核心代码主要是JS那部分。

至于兼容性支持IE7+，足以满足主流兼容了，试试吧！！

html右下角的广告特效,用jQuery实现网页右下角弹出广告效果相关推荐

网页JS弹出广告代码，头部，右下角，网页中漂浮，对联广告代码等大全
01.借鉴:网页JS弹出广告代码,头部,右下角,网页中漂浮,对联广告代码等大全02.网页头部弹出广告:03. 04.<script src="ht ...
python拦截广告弹窗_会捆绑软件、弹出广告？Python教你实现纯净中英自动翻译小工具...
本文原创,未经允许不得转载,本文版权归@itcast @wj14k所有,感谢你的阅读! 翻译工具在安装会捆绑其他软件翻译工具会跳出你不喜欢的广告 -- 对捆绑.广告说不! Python实现纯净翻译小 ...
禁止计算机自动弹出广告,如何禁止电脑弹出广告
不管是我们看小说还是看视频打开网页的时候,总是在右下角弹出游戏广告或者医疗广告,让人头疼不已.那么,电脑总是弹出广告怎么办呢?如何禁止电脑弹出广告? 一．弹窗拦截毒霸软件具有拦截弹窗的功能,可以全方 ...
展开关闭页面html,JQUERY实现网页右下角固定位置展开关闭特效的方法
本文实例讲述了JQUERY实现网页右下角固定位置展开关闭特效的方法.分享给大家供大家参考.具体如下: html代码: 热门标签... js展开收起 js幻灯片 js特效广告代码对联广告 js弹出层 ...
jQuery实现网页右下角悬浮层提示
最近有同事提到类似网页右下角的消息悬浮提示框的制作.我之前也做过一个类似的例子,很简单.是仿QQ消息.现在感觉之前的那个例子只是说了实现原理,整体上给你的感觉还是太丑,今天为大家带来一个新的例子.是D ...
win7系统老是弹窗怎么解决_win7系统右下角经常弹广告怎么办|win7系统右下角弹出广告的屏蔽方法...
相信使用win7系统的用户都经历过,经常我们使用电脑打开网页准备看电影或玩游戏的时候,任务栏右下角经常会突然屏幕弹出广告,那么遇到win7系统右下角经常弹广告怎么办呢?接下来请大家跟着小编一起学习一下 ...
右下角弹出广告怎么关
有时候,不知道为什么电脑系统突然很多广告,经常会在桌面右下角弹出来,让人心塞.而电脑小白遇到这种情况都不知道怎么办,真是拿广告一点办法都没有. 1. 先打开任务管理器,找到弹窗有关进程,右键打开文件所 ...
去掉迅雷导致桌面的右下角不时弹出广告
无论是在网吧还是自己的机子上,我们经常会遇到在桌面的右下角不时弹出广告的情况,这其实是迅雷5的一个广告程序,它跟随迅雷一起启动并每间隔一段时间自动弹出一次,好在他不是像QQ的新闻窗口一样的强制性弹出 ...
jQuery手机移动端弹出层美化下拉选项特效代码
jQuery手机移动端弹出层美化下拉选项特效代码演示地址:http://www.b4a.bid/JS/ 效果如下: 下载地址:https://download.csdn.net/download/d ...
模仿CSDN浏览器右下角弹出广告，兼容所有浏览器，内容可自定义，扩张性强
下载资源地址:http://download.csdn.net/download/tjcyjd/7052739 此demo为本人亲自从csdn网站扣下来的,模仿CSDN浏览器右下角弹出广告,兼容所有浏 ...

html右下角的广告特效,用jQuery实现网页右下角弹出广告效果

html右下角的广告特效,用jQuery实现网页右下角弹出广告效果相关推荐

最新文章

热门文章