×

关注微信公众号

免备案网站空间虚拟主机双线空间域名查询PS数码后期
photoshop互助课堂数百G视频教程下载英语培训机构初中英语如何学随时随地聆听大师开讲/课堂
酷素材!视频教程打包下手绘教程抠图教程路径专辑photoshop cs3视频教程
楼主: ggwowking

火狐浏览器如何实现浮动广告

[复制链接]
发表于 2009-2-8 13:11:58 | 显示全部楼层 |阅读模式
写了个 在网页中随机漂浮的广告,在IE中能够达到效果,而在火狐中却没动静!
请高手们指教下如何让火狐也实现此类的JS特效!
越详细越好,附上代码更好!
发表于 2009-2-8 15:52:57 | 显示全部楼层
感觉这类问题都是下面这个原因:
clientHeight、offsetHeight和scrollleft有什么区别?
我们这里说说四种浏览器对 document.body 的 clientHeight、offsetHeight 和 scrollHeight 的解释,这里说的是 document.body,如果是 HTML 控件,则又有不同,点击这里查看。

这四种浏览器分别为IE(Internet Explorer)、NS(Netscape)、Opera、FF(FireFox)。

clientHeight
大家对 clientHeight 都没有什么异议,都认为是内容可视区域的高度,也就是说页面浏览器中可以看到内容的这个区域的高度,一般是最后一个工具条以下到状态栏以上的这个区域,与页面内容无关。

offsetHeight
IE、Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框。
NS、FF 认为 offsetHeight 是网页内容实际高度,可以小于 clientHeight。

scrollHeight
IE、Opera 认为 scrollHeight 是网页内容实际高度,可以小于 clientHeight。
NS、FF 认为 scrollHeight 是网页内容高度,不过最小值是 clientHeight。

简单地说
clientHeight 就是透过浏览器看内容的这个区域高度。
NS、FF 认为 offsetHeight 和 scrollHeight 都是网页内容高度,只不过当网页内容高度小于等于 clientHeight 时,scrollHeight 的值是 clientHeight,而 offsetHeight 可以小于 clientHeight。
IE、Opera 认为 offsetHeight 是可视区域 clientHeight 滚动条加边框。scrollHeight 则是网页内容实际高度。

同理
clientWidth、offsetWidth 和 scrollWidth 的解释与上面相同,只是把高度换成宽度即可。

说明
以上基于 DTD HTML 4.01 Transitional,如果是 DTD XHTML 1.0 Transitional 则意义又会不同,在 XHTML 中这三个值都是同一个值,都表示内容的实际高度。新版本的浏览器大多支持根据页面指定的 DOCTYPE 来启用不同的解释器。
回复 支持 反对

使用道具 举报

发表于 2009-2-9 18:47:42 | 显示全部楼层
现在很多浏览器都把漂浮广告屏蔽了
回复 支持 反对

使用道具 举报

发表于 2018-4-15 14:28:04 | 显示全部楼层
楼主是超人
回复 支持 反对

使用道具 举报

发表于 2018-4-15 14:17:30 | 显示全部楼层
顶顶多好
回复 支持 反对

使用道具 举报

发表于 2018-4-15 14:02:48 | 显示全部楼层
不错不错
回复 支持 反对

使用道具 举报

发表于 2018-4-15 14:27:44 | 显示全部楼层
LZ真是人才
回复 支持 反对

使用道具 举报

发表于 2018-4-15 14:22:08 | 显示全部楼层
楼主我支持你
回复 支持 反对

使用道具 举报

发表于 2018-9-1 18:38:09 | 显示全部楼层
楼主是超人
回复 支持 反对

使用道具 举报

发表于 2018-9-1 18:40:45 | 显示全部楼层
顶顶多好
回复 支持 反对

使用道具 举报

发表于 2018-9-1 18:36:27 | 显示全部楼层
真心顶。。。。
回复 支持 反对

使用道具 举报

发表于 2018-9-1 18:09:31 | 显示全部楼层
难得一见的好帖
回复 支持 反对

使用道具 举报

发表于 2018-9-1 18:56:08 | 显示全部楼层
说的非常好
回复 支持 反对

使用道具 举报

发表于 2018-9-24 21:22:51 | 显示全部楼层
很不错。。。
回复 支持 反对

使用道具 举报

发表于 2018-9-24 21:21:51 | 显示全部楼层
好帖就是要顶
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | [免费注册]

本版积分规则