`
alex02192008
  • 浏览: 4133 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

jquery右下角弹出框

 
阅读更多
代码一共3k,基于jquery的右下角广告弹出框实现,实现弹出信息、间隔时间、样式定义。

1.下载地址:http://wuzhi.me/example/jsadsense/demo.rar

2.demo地址:http://wuzhi.me/example/jsadsense/

3.配置说明:

var setting = {
        //提示信息
title : '测试',
//提示内容,支持html
content : '<div style="background:#eee;height:200px;text-align:center;line-height:160px;">十秒内不会重复弹出</div>',
//高度
height : 200,
//cookie的名字 + css样式前缀,不去唯一
key : 'jsadsense_',
//弹出框多少时间弹一次
cookietime : 10*1000
};

4.页面代码

1)样式表及js

样式表可从demo中提取,也可自定义。
<script type="text/javascript" src="./js/jsadsense.js" ></script>
2)覆盖默认配置项

<script>var setting={};$("body").jsadsense(setting);</script>
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics