html左侧浮动广告代码,如何制作浮动广告 JavaScript制作浮动广告代码
大家好,又见面了,我是你们的朋友全栈君。
如果有一定的JavaScript基础,制作浮动广告还是比较容易的。直接上代码了:
无标题文档
*{
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.οnscrοll=move;
要点:
上述代码中要用document.documentElement ,不要用老的document.body,否则,不符合w3c标准,看不到浮动效果!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/191244.html原文链接:https://javaforall.cn
相关文章
- javascript 高级教程 视频_精通JavaScript
- 笔记35-JavaScript高级
- javascript html转换成markdown,如何使用Turndown使用JavaScript将HTML转换为Markdown[通俗易懂]
- Linux开发HTML网站:一个简单的指南(linux开发html)
- 文件MySQL数据库存储HTML文件.(mysql存html)
- 用HTML操作MySQL数据库(html调用mysql)
- HTML <html> 标签
- Javascript更新JavaScript数组的uniq方法
- javascript隐藏/显示指定的区域附HTML元素【legend】用法
- javascript获取HTMl文件指定元素的代码
- asp中去除html中style,javascript,css代码
- JavaScript改变HTML元素的样式改变CSS及元素属性
- javascript将url中的参数加密解密代码
- 在ASP中不用模板生成HTML静态页直接生成.html页面