Marquee标记在XHTML代码中该如何用

2020-03-24 18:17:21

字体：大中小

来源：转载

供稿：网友

在论坛中看到网友jeanjean20提到Marquee怎么样修改才能符合标准。我看了一下朋友们的跟帖觉得说得都挺好，版主greengnn指明 Marquee是不符合标准的已经被W3C抛弃了。有朋友大打不平的说觉得去得没道理，本来挺好的效果现在变没了。也有朋友说去了好，看着就烦。大家都有自己的理解角度，但是我们自己怎么理解是一回事，但是我们要弄清楚为什么，在这里我就greengnn的结论之后修改并补充一些内容，希望大家理解并能想通。

首先要更正的一点是：Marquee被W3C抛弃了。这句话其实这是错误的，为什么呢，因为Marquee从来都没有被W3C视为正式标签使用。W3C从来就没有制定这一标签，就更没有抛弃一说。这就好比还没结婚就说离婚一样。其实Marquee与很多其它的标签一样是由微软与网景等公司私制的，而W3C一直以来都没有承认这一标签。这有钱公司就是有不讲理这点毛病，不过这不盈利的组织就是嘴硬！

为什么 W3C一直不承认Marquee呢？要说这个标签在广大网页设计人员的眼里也算是把螺丝刀啊！在早年还是我们引以为技术力量作为炫耀的资本呢。可现在不主张用了（这里要题外话：很多人说W3C不许用了，这都是错的，W3C没权限制你不许用或是不能用。），为什么呢那我们要明确这个标准是什么。标准并不是一项技术，标准只是一种规范与提议。我们用的依然是原来的HTML4.0中的标签，标准没有给我们的XHTML中加入什么标签，而是给出了哪些是推荐使用的（例：p,div,ul,dl,span,em ），哪些是主张不使用的（例：font,b,u,i ），并且主张了要语义化与使用规范。当然标准不只是 XHTML同时还包括了CSS与DOM还有脚本语言。很多人以为CSS是标准后才产生的，其实不是，CSS很早就有了，标准之于CSS也是一样，主张不使用一些浏览器厂商制定的一些CSS，比如CSS滤镜。

在标准中还有很重要的一点，那就是功能性分离。分成为结构、样式、行为三个部分，这三个部分分别包括了，结构（xHTML、XML），样工（CSS），行为（DOM、ECMAScript）。到这里我们返回来想想那个 Marquee为什么不被W3C所承认，我想大家伙都应明白了。他与FONT、B等标签一样已经不是结构性标签了。他们中带有了样式与行为特性，再把他们划在结构的范畴里很明显是多多余了。

所以，大家希望Marquee的效果能被保留或是实现就需要多多关注一下JavaScript，脚本语言一定能让你的网页动起来。要想让你指定的地方动起来当然要注重标签中的ID与CLASS的使用。

为了方便大家使用这个有意思的效果，我特意请嗷嗷写了一段JS，看以下代码：

JS代码：

function getElementsByClass(searchClass,tagName) {
var html' target='_blank'>classElements = new Array();
if ( tagName == null )
tagName = '*';
var els = document.getElementsByTagName(tagName);
var elsLen = els.length;
var pattern = new RegExp( (^|/s) searchClass (/s|$)
for (i = 0, j = 0; i elsLen; i ) {
if ( pattern.test(els[i].className) ) {
classElements[j] = els[i];
j ;
}
}
return classElements;
}

function ccMarquee(className){
var a=getElementsByClass(className);
for (i = 0; i a.length; i ) {
a[i].innerHTML= marquee a[i].innerHTML /marquee
}
}window.onload = function () {
ccMarquee( ccMarquee
}
XHTML代码：

div > a href= title= 这里是滚动的 /a
/div
请大家注重，需要用到滚动效果的地方只要在其何外围的标签上加上 >
附： marquee 标签属性详解

请大家先看下面这段代码

marquee direction=up behavior=scroll loop=3 scrollamount=1 scrolldelay=10 align=top bgcolor=#ffffff height=300 width=30% hspace=20 vspace=10 his.stop() onmouseout=this.start() 此处输入滚动内容 /marquee
现在让我们来具体分析一下

◎ direction表示滚动的方向，值可以是left，right，up，down，默认为left
◎ behavior表示滚动的方式，值可以是scroll（连续滚动）slide（滑动一次）alternate（往返滚动）
◎ loop表示循环的次数，值是正整数，默认为无限循环
◎ scrollamount表示运动速度，值是正整数，默认为6
◎ scrolldelay表示停顿时间，值是正整数，默认为0，单位似乎是毫秒
◎ align表示元素的垂直对齐方式，值可以是top，middle，bottom，默认为middle
◎ bgcolor表示运动区域的背景色，值是16进制的RGB颜色，默认为白色
◎ height、width表示运动区域的高度和宽度，值是正整数（单位是像素）或百分数，默认width=100% height为标签内元素的高度
◎ hspace、vspace表示元素到区域边界的水平距离和垂直距离，值是正整数，单位是像素。
◎ his.stop() onmouseout=this.start()表示当鼠标以上区域的时候滚动停止，当鼠标移开的时候又继续滚动。

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。

上一篇：简单介绍HTML 元素中语法及空元素

下一篇：html如何实现计数器以及时钟的功能代码