JS右下角悬浮广告代码的简单示例
发布时间：2015-03-13 编辑：jiaochengji.com
用js脚本实现在右下角的悬浮广告代码，很简单，有需要的朋友参考下。
本节内容：
右下角悬浮广告代码
说明：
用js实现的悬浮广告代码，教程集介绍过不少：
js左右悬浮广告(兼容谷歌)的实例代码
Js 悬浮窗口(可固定位置)代码
js 左右悬浮广告的实例代码
js 悬浮框菜单的实现代码
js 固定悬浮效果的代码分享
JS悬浮移动窗口(悬浮广告)的特效代码
本例中的悬浮代码的特点是简单，代码少，便于修改完善，兼容性也不错。
例子：
复制代码 代码示例:
<!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>
<title>JS右下角悬浮广告代码 - www.jiaochengji.com</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
</head>
<body>
<div style="position:absolute;border:1px solid #000;right:0;" id="ad">内容在这里</div>
<script language="JavaScript" type="text/javascript">
function rightBottomAd(){
var abc = document.getElementById("ad");
abc.style.top = document.documentElement.scrollTop+document.documentElement.clientHeight-20+"px";
setTimeout(function(){rightBottomAd();},50);
}
rightBottomAd();
</script>
<table>
<tr><td height="1220">
此处加入内容，进行测试悬浮广告代码的效果。
</tr></table>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JS右下角悬浮广告代码 - www.jiaochengji.com</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
</head>
<body>
<div style="position:absolute;border:1px solid #000;right:0;" id="ad">内容在这里</div>
<script language="JavaScript" type="text/javascript">
function rightBottomAd(){
var abc = document.getElementById("ad");
abc.style.top = document.documentElement.scrollTop+document.documentElement.clientHeight-20+"px";
setTimeout(function(){rightBottomAd();},50);
}
rightBottomAd();
</script>
<table>
<tr><td height="1220">
此处加入内容，进行测试悬浮广告代码的效果。
</tr></table>
</body>
</html>
您可能感兴趣的文章：
JS右下角悬浮广告代码的简单示例
JS悬浮广告代码的简单例子
js 左右悬浮广告的实例代码
js、jQuery设置悬浮广告的代码
js左右悬浮广告(兼容谷歌)的实例代码
JS悬浮移动窗口(悬浮广告)的特效代码
js 两侧悬浮广告的简单示例代码
网页右侧漂浮广告窗口的js代码
js右下角与漂浮广告代码 兼容多浏览器
js右侧漂浮广告的小例子
[关闭]