<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="http://www.baidu.com">关闭</a>').appendTo(dvObj);
//第二种方法
$('<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>
---最后效果
731
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
