当前位置: 代码迷 >> Web前端 >> jquery右上角弹出框
  详细解决方案

jquery右上角弹出框

热度:91   发布时间:2012-07-15 20:20:06.0
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>
  相关解决方案