网站浮动广告[编辑]

网站浮动广告简介

网站浮动广告，指的是会随鼠标或光标移动的网络广告。最常看到的是所谓浮水印广告，会随着网页拉上拉下，在页面左边或是右边跟着上下移动，吸引浏览者的注意。有些网站会直接在光标后有一段文字或图像跟着鼠标移动，这也属于浮动式广告。

制作网站浮动广告的方法

代码如下

<!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=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{
margin:0;
padding:0;
}
#csdn
{
width:800px;
margin:0 auto;
}
#ad
{
position:absolute;
right:0px;
top:30px;
z-index:1;
}
#cl
{
position:absolute;
right:0px;
top:30px;
z-index:2;
}
</style>
<script type="text/javascript">
var advInitTop=30;
var closeInitTop=30;
function inix()
{
advInitTop=document.getElementById("ad").style.pixelTop;
closeInitTop=document.getElementById("cl").style.pixelTop;
}
function closeAd()
{
document.getElementById("ad").style.display="none";
document.getElementById("cl").style.display="none";
}
function move()
{
//document.getElementById("ad").style.pixelTop=document.body.scrollTop+advInitTop;
//document.getElementById("cl").style.pixelTop=document.body.scrollTop+closeInitTop;
document.getElementById("ad").style.pixelTop=document.documentElement.scrollTop+advInitTop;
document.getElementById("cl").style.pixelTop=document.documentElement.scrollTop+closeInitTop;
//alert(document.getElementById("ad").style.pixelTop);
window.status=document.documentElement.scrollTop+"/"+document.getElementById("ad").style.pixelTop;
}
window.onscroll=move;
</script>
</head>
<body>
<div id="cl" onclick="closeAd()">
<img src="images/close.jpg" />
</div>
<div id="csdn">
<a href="http://www.csdn.net"><img src="images/xiaojie1.jpg" border="0" /></a>
</div>
<div id="ad">
<a href="http://www.taobao.com"><img src="images/advpic.gif" /></a>
</div>
</body>
</html>

清除网页浮动广告

如何清除网页浮动广告

分步阅读
经常浏览网页下拉或，点击页面中文字时，容易点中网页中浮动的广告，本来认真看着网页，就被这样的插曲扰了心。那么怎么清除网页浮动广告，下面为大家介绍一下。

工具/原料

电脑

方法/步骤

1、首先介绍“e”浏览器，打开主页，点击右上方的“工具”栏，选择下拉框中最下面的”Internet选项"
2、在弹出的框中选择“安全”栏，选择下方的“自定义级别”
3、在弹出的框中，下拉，找到“脚本”与“活动脚本”，选择两者下方的“禁用”，最后点击下方的“确定”
4、下面介绍“qq”浏览器，打开主页，点击右上方如图所示图标，“菜单”栏
5、选择下方的“工具”---“广告过滤”
6、弹出的界面有两种过滤方式，可以自行选择，也可以都选择。选择好后别忘了点击下方的“确定”

注意事项

其他浏览器也是如此，可以在“工具”栏查找一下。