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标准，看不到浮动效果！

html左侧浮动广告代码,如何制作浮动广告 JavaScript制作浮动广告代码相关推荐

HTML5期末大作业：我的家乡介绍网页设计——莆仙(6页) 代码质量好 HTML+CSS+JavaScript
HTML5期末大作业:我的家乡网页设计--莆仙(6页) 代码质量好 HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品 1.临近期末, ...
HTML+CSS+JavaScript❤制作浪漫气球520告白相册❤
❉ HTML+CSS+JavaScript❤制作浪漫气球520告白相册❤ 一年一度的520情人节/七夕情人节/女朋友生日/程序员表白,是不是要给女朋友或者正在追求的妹子一点小惊喜呢,今天这篇博客就分享 ...
js 让鼠标右下角有一排小字_JavaScript浮动广告代码，容纯DIV/CSS对联漂浮广告代码，兼容性非常好的js右下角与漂浮广告代码...
基于JavaScript代码实现随机漂浮图片广告,javascript图片广告在网上有很多这样的代码,不过未必符合W3C标准,因为在头部加上类似标签之后,漂浮效果就会失效,下面分享一个符合标准的漂浮 ...
java浮动广告_[Java教程]JavaScript制作浮动广告_星空网
JavaScript制作浮动广告 2012-12-29 0 如果有一定的JavaScript基础,制作浮动广告还是比较容易的.直接上代码了: 无标题文档 *{ margin:0; padding:0; ...
网页制作练习（JS制作浮动窗口和循环滑动窗口）
网页制作练习(JS制作浮动窗口和循环滑动窗口) 导语: 作为一个刚学习一个月的新手,希望可以将自己的练习分享给和我一样的小伙伴,互相借鉴,可以在实践中提高自己.将自己学习制作的案例分享给大家,并记录自 ...
html-css练习题（天天生鲜静态网页制作）文末有完整版代码地址链接
一.前言: 前端学习经典练手网页,重新整理网页版代码,如果你是初学者,请试着做一下这个网页素材:文末完整版代码中...... 二.效果图: 三.主要需求: 1.login最外侧盒子设定高29 ...
通栏导航栏的制作，综合使用CSS属性，代码不超过30行
这篇文章,小编带领大家一同做一个利用CSS技术实现的导航栏.通过这个导航栏的制作,希望大家能够对前几篇文章中学习到的CSS属性能有一个整体的认识,并能够达到灵活运用的程度. 承接文章:灵活控制块级元素 ...
网页广告代码php,【网页广告特效代码】精选5种常用的网页广告特效代码
网站少不了发布一些活动广告,网页中的广告显示效果有很多种,一般是采用JS或者JQ实现多种网页广告显示效果,以下是php中文网精选5种常用的网页广告特效代码推荐给大家下载使用! 效果预览和下载地址:ht ...
父元素浮动子元素会浮动吗_为什么quot;overflow:hiddenquot;能清除浮动的影响
来源 | https://www.jianshu.com/p/7e04ed3f4bea 我们都知道"overflow:hidden"可以溢出隐藏,即当内容元素的高度大于其包含块的高 ...
html的浮动跟标准流,网页布局的标准流浮动流与定位流
一网页布局方式 #1.什么是网页布局方式布局可以理解为排版,我们所熟知的文本编辑类工具都有自己的排版方式,比如word,nodpad 等等而网页的布局方式指的就是浏览器这款工具是如何对网页中的元 ...

html左侧浮动广告代码,如何制作浮动广告 JavaScript制作浮动广告代码

html左侧浮动广告代码,如何制作浮动广告 JavaScript制作浮动广告代码相关推荐

最新文章

热门文章