頁面右下角彈廣告案例
<script src="jquery-1.8.3.js"></script>
<script type="text/javascript">
$(function () {
//點選按鈕在頁面右下方彈出一個廣告
$('#btn').click(function () {
//第一步：在頁面右下角建立一個層
var dvObj = $('<div id="dv" style="border:1px solid red; width:300px; height:200px; position:absolute;right:0;bottom:0;"></div>').appendTo($('body'));
//第二步：建立關閉按鈕（真關閉和假關閉）新增到層上
//新增一個關閉按鈕（假關閉，點選關閉按鈕，直接跳轉頁面）
//第一種方法
//$('<a href="
//第二種方法
$('<span style="float:left; cursor:pointer">關閉</span>').click(function () {
window.location.href = "http://www.baidu.com";
}).appendTo(dvObj);
//第三步：真的關閉新增到層中
$('<span style="cursor:pointer; float:right;">關閉</sapn>').click(function () {
dvObj.remove();
}).appendTo(dvObj);
//第四步：建立一個圖片，新增到層上
$('<img src="gg.gif" style="clear:both">').appendTo(dvObj);
});
});
</script>
</head>
<body>
<input type="button" name="name" value="彈廣告" id="btn" />
</body>
---最後效果
