Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 JS右下角悬浮广告代码的简单示例

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

发布时间:2015-03-13   编辑:www.jquerycn.cn
用js脚本实现在右下角的悬浮广告代码,很简单,有需要的朋友参考下。

本节内容:
右下角悬浮广告代码

说明:
用js实现的悬浮广告代码,jquery中文网介绍过不少:
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.jquerycn.cn</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设置悬浮广告的代码
jQuery 右下角滑动弹出可关闭重现层完整代码
js左右悬浮广告(兼容谷歌)的实例代码
js右下角与漂浮广告代码 兼容多浏览器
js全屏漂浮广告代码 移入光标停止移动
js右侧漂浮广告的小例子
网页右侧漂浮广告窗口的js代码

[关闭]