[javascript]学习总结——浮动广告特效制作

最新推荐文章于 2018-07-12 16:55:57 发布

天一心诚

最新推荐文章于 2018-07-12 16:55:57 发布

阅读量2.6k

点赞数 1

分类专栏： Web技术文章标签： javascript function dreamweaver div 浏览器 ie

本文链接：https://blog.csdn.net/ZX422747637/article/details/5600707

版权

Web技术专栏收录该内容

3 篇文章 0 订阅

订阅专栏

以带关闭按钮的浮动关高为例，其实现思路如下：

1.在Dreamweaver中创建两个div（绝对）层，一个存放广告图片，一个存放关闭按钮，关闭按钮层要嵌入广告层；

2.通过document.getElementById()方法获取要操作的对象（以上两个层）；

3.用“document.getElementById("adv").style.pixelTop=document.documentElement(body).scrollTop+100”这行代码来动态改变广告层距离浏览器的上边距来实现广告层随着滚轮的浮动。

具体实现代码如下：

（方法一）：

<mce:script type="text/javascript" language="javascript"></mce:script> <body> <div id="adv" style="position:absolution;" mce_style="position:absolution;">广告层 <div id="closeMe" style="position:absolution" mce_style="position:absolution">关闭按钮层</div> </div> </body>

（方法二）：

<mce:script type="text/javascript" language="javascript"></mce:script> <body οnlοad="init()"> <div id="adv" style="position:absolution;" mce_style="position:absolution;">广告层 <div id="closeMe" style="position:absolution" mce_style="position:absolution">关闭按钮层</div> </div> </body>

当然方法不限于以上两种。

注：“documentElement符合W3C标准，任何浏览器都支持，而body仅仅支持IE”

天一心诚

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
[javascript]学习总结——浮动广告特效制作

以带关闭按钮的浮动关高为例，其实现思路如下：1.在Dreamweaver中创建两个div（绝对）层，一个存放广告图片，一个存放关闭按钮，关闭按钮层要嵌入广告层；2.通过document.getElementById()方法获取要操作的对象（以上两个层）；3.用“document.getElementById("adv").style.pixelTop=document.documen
复制链接

扫一扫