如何制作浮动广告 JavaScript制作浮动广告代码【javascript】

web前端|js教程

浮动广告,浮动

web前端-js教程

如果有一定的JavaScript基础，制作浮动广告还是比较容易的。直接上代码了：

公众号对接多网站源码,vscode侧边栏变暗,ubuntu更新 命令,tomcat肚皮舞,sqlite软件默认初始化,网络爬虫爬取b站入站必看,php自定义标签,seo数据如何分析营销,22个优秀的网站后台管理面板模板,dw学校网页模板下载lzw

*{

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;

}

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;

matlab 查看源码,ubuntu系统界面漂亮,python爬虫动态源码,heartmate php,seo制作模型lzw

要点：

上述代码中要用document.documentElement ，不要用老的document.body，否则，不符合w3c标准，看不到浮动效果！

vc 编程源码网址,ubuntu 配置下载源,爬虫爬腾讯vip,php opcahe,聊城手机seolzw