来源:自学PHP网 时间:2014-12-15 15:59 作者: 阅读:次
[导读] Marquee被W3C抛弃了。这句话其实这是错误的,为什么呢,因为Marquee从来都没有被W3C视 为正式标签使用。...
Marquee被W3C抛弃了。这句话其实这是错误的,为什么呢,因为Marquee从来都没有被W3C视 为正式标签使用。
首先要更正的一点是: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 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> 现在让我们来具体分析一下 ◎ 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表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素。 ◎ onmouseover=this.stop() onmouseout=this.start()表示当鼠标以上区域的时候滚动停止,当鼠标移开的时候又继续滚动。 |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com