咨詢電話:024-31891684

build網(wǎng)站制作 |
build網(wǎng)站制作當(dāng)前位置:首頁(yè)>主要服務(wù)>網(wǎng)站制作Marquee 為什么不符合w3c標(biāo)準(zhǔn)
在經(jīng)典論壇中看到網(wǎng)友jeanjean20提到Marquee怎么樣修改才能符合標(biāo)準(zhǔn)。我看了一下朋友們的跟帖覺(jué)得說(shuō)得都挺好,版主greengnn指明Marquee是不符合標(biāo)準(zhǔn)的已經(jīng)被W3C拋棄了。有朋友大打不平的說(shuō)覺(jué)得去得沒(méi)道理,本來(lái)挺好的效果現(xiàn)在變沒(méi)了。也有朋友說(shuō)去了好,看著就煩。大家都有自己的理解角度,但是我們要弄清楚為什么,在這里我就greengnn的結(jié)論之后修改并補(bǔ)充一些內(nèi)容,希望大家理解并能想通。
首先要更正的一點(diǎn)是:Marquee被W3C拋棄了。這句話其實(shí)這是錯(cuò)誤的,為什么呢,因?yàn)镸arquee從來(lái)都沒(méi)有被W3C視為正式標(biāo)簽使用。W3C從來(lái)就沒(méi)有制定這一標(biāo)簽,就更沒(méi)有“拋棄”一說(shuō)。這就好比還沒(méi)結(jié)婚就說(shuō)離婚一樣。其實(shí)Marquee與很多其它的標(biāo)簽一樣是由微軟與網(wǎng)景等公司私制的,而W3C一直以來(lái)都沒(méi)有承認(rèn)這一標(biāo)簽。
為什么W3C一直不承認(rèn)Marquee呢?要說(shuō)這個(gè)標(biāo)簽在廣大網(wǎng)頁(yè)設(shè)計(jì)人員的眼里也算是把螺絲刀??!在早年還是我們引以為技術(shù)力量作為炫耀的資本呢??涩F(xiàn)在不主張用了(這里要題外話:很多人說(shuō)W3C不許用了,這都是錯(cuò)的,W3C沒(méi)權(quán)限制你不許用或是不能用。),為什么呢那我們要明確這個(gè)標(biāo)準(zhǔn)是什么。標(biāo)準(zhǔn)并不是一項(xiàng)技術(shù),標(biāo)準(zhǔn)只是一種規(guī)范與提議。很多人以為CSS是標(biāo)準(zhǔn)后才產(chǎn)生的,其實(shí)不是,CSS很早就有了,標(biāo)準(zhǔn)之于CSS也是一樣,主張不使用一些瀏覽器廠商制定的一些CSS,比如CSS濾鏡。
在標(biāo)準(zhǔn)中還有很重要的一點(diǎn),那就是功能性分離。分成為結(jié)構(gòu)、樣式、行為三個(gè)部分,這三個(gè)部分分別包括了,結(jié)構(gòu)(xHTML、XML),樣工(CSS),行為(DOM、ECMAScript)。到這里我們返回來(lái)想想那個(gè)Marquee為什么不被W3C所承認(rèn),我想大家伙都應(yīng)明白了。他與FONT、B等標(biāo)簽一樣已經(jīng)不是結(jié)構(gòu)性標(biāo)簽了。他們中帶有了樣式與行為特性,再把他們劃在結(jié)構(gòu)的范疇里很明顯是多余了。
所以,大家希望Marquee的效果能被保留或是實(shí)現(xiàn)就需要多多關(guān)注一下javascript,腳本語(yǔ)言一定能讓你的網(wǎng)頁(yè)動(dòng)起來(lái)。要想讓你指定的地方動(dòng)起來(lái)當(dāng)然要注重標(biāo)簽中的ID與CLASS的使用。
為了方便大家使用這個(gè)有意思的效果,我特意寫了一段js,看以下代碼:
JS代碼:
Example Source Code [www.21shipin.com] 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\");
現(xiàn)在讓我們來(lái)具體分析一下
Example Source Code [www.21shipin.com] ◎ direction表示滾動(dòng)的方向,值可以是left,right,up,down,默認(rèn)為left ◎ behavior表示滾動(dòng)的方式,值可以是scroll(連續(xù)滾動(dòng))slide(滑動(dòng)一次)alternate(往返滾動(dòng)) ◎ loop表示循環(huán)的次數(shù),值是正整數(shù),默認(rèn)為無(wú)限循環(huán) ◎ scrollamount表示運(yùn)動(dòng)速度,值是正整數(shù),默認(rèn)為6 ◎ scrolldelay表示停頓時(shí)間,值是正整數(shù),默認(rèn)為0,單位似乎是毫秒 ◎ align表示元素的垂直對(duì)齊方式,值可以是top,middle,bottom,默認(rèn)為middle ◎ bgcolor表示運(yùn)動(dòng)區(qū)域的背景色,值是16進(jìn)制的RGB顏色,默認(rèn)為白色 ◎ height、width表示運(yùn)動(dòng)區(qū)域的高度和寬度,值是正整數(shù)(單位是像素)或百分?jǐn)?shù),默認(rèn)width=100% height為標(biāo)簽內(nèi)元素的高度 ◎ hspace、vspace表示元素到區(qū)域邊界的水平距離和垂直距離,值是正整數(shù),單位是像素。 ◎ onmouseover=this.stop() onmouseout=this.start()表示當(dāng)鼠標(biāo)以上區(qū)域的時(shí)候滾動(dòng)停止,當(dāng)鼠標(biāo)移開的時(shí)候又繼續(xù)滾動(dòng)。 網(wǎng)站動(dòng)態(tài)
|
易勢(shì)沈陽(yáng)建站專業(yè)機(jī)構(gòu),以DIV+CSS為主,js/jQuery為輔,制作利于優(yōu)化,頁(yè)面美觀的優(yōu)質(zhì)網(wǎng)站!

網(wǎng)絡(luò)策劃公司|新浪官方微博|大連網(wǎng)站建設(shè)
沈陽(yáng)易勢(shì)科技有限公司 網(wǎng)站制作網(wǎng)絡(luò)營(yíng)銷公司 © 2011 , All rights reserved. 公司地址:沈陽(yáng)市鐵西區(qū)貴和街道建設(shè)中路15號(hào)淺草綠閣商務(wù)樓402室沈陽(yáng)做網(wǎng)站 沈陽(yáng)建站
遼B2-20150173-8