JS右下角悬浮广告代码的简单示例

发布时间:2019-11-21编辑:脚本学堂
用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.jb200.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>