页面导航：首页 → 网络编程 → JavaScript → 广告代码 → 正文内容右下角弹出广告代码

右下角弹出窗口效果代码

发布：dxy 字体：[增加减小] 类型：转载

右下角弹出广告代码一般用户广告代码中，这段代码用了iframe加载页面

点击运行可以看到效果:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>右下角弹出框</title> 
</head> 
<style type="text/css"> 
#rbbox{position:absolute;right:0;bottom:0;width:300px;height:0px;overflow:hidden} 
.button{display:inline;float:right;font-size:12px;cursor:pointer} 
</style> 
<body><div id="rbbox"><a class="button" onclick="closeBox()">关闭</a><iframe src="http://www.kanshule.com" frameborder="0" height="200" width="300" scrolling="no"></iframe></div> 
</body> 
</html> 
<script language="javascript" type="text/javascript"> 
window.onload=function(){showBox();setTimeout("closeBox()",5000)} 
function showBox(o){ 
if (o==undefined) o=document.getElementById("rbbox"); 
o.style.height=o.clientHeight+2+"px"; 
if (o.clientHeight<200) setTimeout(function(){showBox(o)},5); 
} 
function closeBox(){document.getElementById("rbbox").style.display="none";} 
</script>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

Tags：右下角弹出窗口

浏览次数：载入中... 打印本文关闭本文返回首页

0

顶一下

上一篇文章：突破winxp sp2/win2003 sp2超强弹窗代码
下一篇文章：没有文章

·在百度中搜索关于“右下角弹出窗口效果代码相关内容

文章评论

共有位脚本之家网友发表了评论我来说两句

右下角弹出窗口效果代码

文章评论

同类文章

最近更新

热点排行

右下角弹出窗口效果代码

文章评论

同 类 文 章

最 近 更 新

热 点 排 行

同类文章

最近更新

热点排行