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