Marquee标识在XHTML编码中该怎样用

在论坛中看到网友jeanjean20提到Marquee如何改动才可以合乎规范。我看了1下盆友们的跟帖感觉说得都挺好,版主greengnn指明 Marquee是不符规范的早已被W3C抛下了。有盆友大打不平的说感觉去得没道理,原本挺好的实际效果如今变没了。也是有盆友说去了好,看着就烦。大伙儿都有 自身的了解角度,可是大家自身如何了解是1回事,可是大家要搞清楚为何,在这里我就greengnn的结果以后改动并填补1些內容,期待大伙儿了解并能想通。

最先要更改的1点是:Marquee被W3C抛下了。这句话实际上这是不正确的,为何呢,由于Marquee几乎都沒有被W3C视 为宣布标识应用。W3C几乎就沒有制订这1标识,就更沒有“抛下”1说。这就如同还没完婚就说离异1样。实际上Marquee与许多其它的标识1样是由微软 与网景等企业私制的,而W3C1直以来都沒有认可这1标识。这有钱企业便是有不讲理这点问题,但是这不赢利的机构便是嘴硬!

为何 W3C1直不认可Marquee呢?要说这个标识在众多网页页面设计方案人员的眼中也算是把螺丝刀啊!在早前還是大家引认为技术性能量做为显摆的资产呢。可如今不主 张用了(这里要题外话:许多人说W3C不准用了,这全是错的,W3C没管理权限制你不准用或是不可以用。),为何呢那大家要确立这个规范是甚么。规范其实不是1 项技术性,规范只是1种标准与建议。大家用的仍然是原先的HTML4.0中的标识,规范沒有给大家的XHTML中添加甚么标识,而是得出了哪些是强烈推荐应用的 (例:p,div,ul,dl,span,em…),哪些是认为不应用的(例:font,b,u,i…),而且认为了要词义化与应用标准。自然规范不只是 XHTML另外还包含了CSS与DOM也有脚本制作語言。许多人认为CSS是规范后才造成的,实际上并不是,CSS很早就有了,规范之于CSS也是1样,认为不使 用1些访问器厂商制订的1些CSS,例如CSS滤镜。

在规范中也有很关键的1点,那便是作用性分离出来。分为为构造、款式、个人行为3个部 分,这3个一部分各自包含了,构造(xHTML、XML),样工(CSS),个人行为(DOM、ECMAScript)。到这里大家回到来想一想那个 Marquee为何不被W3C所认可,我想大伙儿伙都应搞清楚了。他与FONT、B等标识1样早已并不是构造性标识了。她们中带有了款式与个人行为特点,再把她们 划在构造的范围里很显著是多过剩了。

因此,大伙儿期待Marquee的实际效果能被保存或是完成就必须多多关心1下JavaScript,脚本制作語言1定能让你的网页页面动起来。要想让你特定的地区动起来自然要重视标识中的ID与CLASS的应用。

以便便捷大伙儿应用这个成心思的实际效果,我特地请嗷嗷写了1段JS,看下列编码:

JS编码:

拷贝编码
编码以下:

function getElementsByClass(searchClass,tagName) {
var 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 class="ccMarquee">
<a href="" title="">这里是翻转的</a>
</div>

请大伙儿重视,必须用到翻转实际效果的地区要是在其何外围的标识上再加Class="ccMarquee"便可。重视尺寸写。

附: <marquee>标识特性详解

请大伙儿先看下面这段编码


拷贝编码
编码以下:

<marquee direction=up behavior=scroll loop=3 scrollamount=1 scrolldelay=10 align=top bgcolor=#ffffff height=300 width=30% hspace=20 vspace=10 onmouseover=this.stop() onmouseout=this.start()> 此处键入翻转內容 </marquee>

如今让大家来实际剖析1下

◎ direction表明翻转的方位,值能够是left,right,up,down,默认设置为left
◎ behavior表明翻转的方法,值能够是scroll(持续翻转)slide(拖动1次)alternate(来回翻转)
◎ loop表明循环系统的次数,值是正整数金额,默认设置为无尽循环系统
◎ scrollamount表明健身运动速率,值是正整数金额,默认设置为6
◎ scrolldelay表明间断時间,值是正整数金额,默认设置为0,企业好像是毫秒
◎ align表明元素的竖直对齐方法,值能够是top,middle,bottom,默认设置为middle
◎ bgcolor表明健身运动地区的情况色,值是16进制的RGB色调,默认设置为白色
◎ height、width表明健身运动地区的高宽比和宽度,值是正整数金额(企业是像素)或百分数,默认设置width=100% height为标识内元素的高宽比
◎ hspace、vspace表明元素到地区界限的水平间距和竖直间距,值是正整数金额,企业是像素。
◎ onmouseover=this.stop() onmouseout=this.start()表明当电脑鼠标以上地区的情况下翻转终止,当电脑鼠标移开的情况下又再次翻转。