漂浮代码在W3C标准中失效了的解决方法

最新推荐文章于 2024-10-04 06:11:34 发布
最新推荐文章于 2024-10-04 06:11:34 发布
阅读量69 收藏
点赞数
文章标签： xhtml
原文链接：http://www.cnblogs.com/shuang121/archive/2011/05/26/2058146.html
版权
     有些漂浮广告，比如浮动广告，随着鼠标的上下滚动而滚动，但是在页面没效果，原因就是在W3C的标准里了，

最简单的，直接把把这段<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">代码去掉，原来的漂浮广告就可以正常漂动了。
如果网页不正常了，那么试试下面的办法吧

解决办法：

1、找到相对应的漂浮广告JS文件

2、将所有的document.body替换成document.documentElement即可，测试成功。

3、对联漂浮广告和右侧漂浮广告用上面的方法都可以正常显示。

4、总结：在非W3C标准的网页的JS代码中请使用document.body，相反在W3C标准的网页的JS代码中请使用document.documentElement。

 

转载于:https://www.cnblogs.com/shuang121/archive/2011/05/26/2058146.html

weixin_30414245
关注
飘动图片广告html代码,基于JavaScript代码实现随机漂浮图片广告
weixin_42370434的博客
06-10 1768
在网上有很多这样的代码，不过未必符合W3C标准，因为在头部加上类似标签之后，漂浮效果就会失效，下面分享一个符合标准的漂浮代码，使需要的朋友免去大量改造代码的繁琐。代码一：代码如下:漂浮广告代码#thediv{z-index:100;position:absolute;top:43px;left:2px;height:100px;width:100px;background-color:red;}v...
CSS-day-38
qq_47726356的博客
11-16 649
2021.11.16 盒子模型 、盒子模型 其实，CSS就三个大模块：盒子模型、浮动、定位，其余的都是细节。要求这三部分，无论如何也要学的非常精通。 所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成。 这里略过老旧的ie盒子模型（IE6以下），对不起，我都没见过IE5的浏览器。 首先，我们来看一张图，来体会下什么是盒子模型。 所有的文档元素（标签）都会生成.
html标签浮动不起作用,css float:left为什么不起作用？
weixin_36307344的博客
06-16 3778
css float:left为什么不起作用？下面本篇文章就来给大家介绍一下相关原因。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。css float:left为什么不起作用？float:left 不会失效，只是没有达到你期望的显示效果。float属性是较早的一个CSS属性，所有主流浏览器都支持。在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。...
浮动广告代码
weixin_33897722的博客
09-09 286
右下角漂浮代码&lt;SCRIPT FOR=window EVENT=onload LANGUAGE="javascript"&gt;initAd();//载入页面后，调用函数initAd()&lt;/SCRIPT&gt;&lt;script language="javascript"&gt;&lt;!--function initAd() {document.all.AdLayer.style....
js上下浮动广告
weixin_33881041的博客
06-28 91
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title&gt...
符合W3C的漂浮广告代码.txt
06-03
符合W3C的漂浮广告代码.txt
JS与DOCTYPE冲突导致漂浮代码失效的解决方法
ditkl031858的博客
09-25 131
JS与DOCTYPE冲突导致漂浮代码失效的解决方法需要添加一个漂浮的图片代码，在单独页面调试的很好，但是发现插入到我们主页里，漂浮代码失效了，这是怎么回事，漂浮好好的插入进去，代码没修过就不能漂浮了，非常郁闷，于是就找是哪里问题，最后通过排除法，总于发现是JS代码与DOCTYPE冲突导致漂浮代码失效，真是罕见啊。 我们可以看到每个标准的网页最顶部都有<!DOCTYPE ht...
网站设计的标准----网站重构
11-10 884
本文观点：遵循国际网站标准（Web Standards）进行网站设计和改善。阅读对象：网站设计人员、web应用开发人员关键字：Web Standards、XML、XHML、CSS、DOM、DOCTYPE、Accessibility前言网络上的变革每天都在发生，当我们觉得网站设计技术已经非常简单和熟悉的时候。国外网站设计标准化的概念早已悄悄的形成和迅速“蔓延”，自2000年起，大部分新发行的
jquery实现滚动条下拉DIV固定在头部不动
yangzaiqiu1986814的专栏
12-18 1258
xmlns="http://www.w3.org/1999/xhtml"> http-equiv="Content-Type" content="text/html; charset=utf-8" /> 滚动条下拉DIV固定在头部不动 type="text/javascript" src="http://img.fishburg.net/ks/js/jquery-1.8.js">
2022年最新前端面试题（大前端时代来临卷起来吧小伙子们..持续维护走到哪记到哪）
fwdwqdwq的博客
03-07 2975
HTML和Css部分 1、对BFC规范（块级格式化上下文）的理解 BFC 块级格式化上下文 一块独立的区域，有自己的规则，bfc中的元素与外界的元素互不影响 BFC是一块用来独立的布局环境，保护其中内部元素不受外部影响，也不影响外部。 怎么触发BFC 1. float的值left或right 2. overflow的值不为visible（默认） 3. display的值为inline-block、table-cell、table-caption 4. position的值为absolute（绝对定位）或f
JS漂浮广告代码，图片飘动，响应鼠标停止
kaka100
04-19 373
[code="javascript"] 漂浮广告代码 如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：http://www.veryhuo.com/[/code]
浮动失效以及浮动后盒子问题
枫篁的博客
01-21 4578
一、浮动失效原因 （1）元素浮动，脱离文档流，覆盖常规元素 代码： &lt;style&gt; .div1{ float:left; width:250px; height:250px; background-color:red; } .div2{ width:250px; height:250px; background-color:green; } &lt;...
html浮动没有作用,CSS浮动不起作用
weixin_39876145的博客
06-17 1050
我想构建一个这样的div：CSS浮动不起作用有一个div，它是容器(700x400像素)。在容器中，还有3个div。第一个是名为'photo_id'的div。这div应该坚持到左边，而div'内容'应该坚持到右边。 photo_id和内容的高度均为266px。最后一个被称为“导航”的div应该位于其他div的下面，这样我顶部有2个div，底部有一个div。你明白我的意思了吗？我不知道为什么我的代码...
XHTML 简介
wjs2024的博客
10-04 733
XHTML作为一种严格的、基于XML的标记语言，为网页设计和开发提供了良好的可读性、可维护性和扩展性。尽管HTML5已成为当前主流的网页标记语言，但XHTML在特定领域仍然具有广泛的应用价值。
HNU-ES实验一（步进电机）
10-13
HNU-ES实验一（步进电机）
scandir-1.10.0-cp38-cp38-win_amd64.whl
最新发布
10-13
scandir-1.10.0-cp38-cp38-win_amd64.whl
符合W3C标准的浮动广告实现代码
"符合W3C的漂浮广告代码是一个网页设计示例，它使用HTML和JavaScript实现了一个在页面上浮动的广告条。这个代码片段是兼容W3C标准的，确保了良好的浏览器兼容性和网页结构的规范性。" 在这个代码中，我们可以看到...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值