热点网|医学教育网|北京pk10开奖直播 pk10开奖直播 北京赛车pk10 pk10开奖直播 北京赛车pk10 PK10开奖直播 北京赛车pk10开奖直播 北京pk10 北京pk10
网站运营 | 站长学院 | 技术文档 | 成语 | 歇后语 | 桌面壁纸 | 帝国时代 | 代码收藏 | IP地址查询 | 生活百科 | 生日密码 | CSS压缩 | 用户评论

Marquee为什么不符合WEB标准?

【 经典论坛作者:佚名 更新时间:2008-05-13 | 字体:
[导读]  在经典论坛中看到网友jeanjean20提到Marquee怎么样修改才能符合标准>。我看了一下朋友们的跟帖觉得说得都挺好,版主greengnn指明Marquee是不符合标准的已经被W3C抛弃了>。有朋友大打不平的说觉得去得没道理,本来挺...

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

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

  为什么W3C一直不承认Marquee呢?要说这个标签在广大网页设计人员的眼里也算是把螺丝刀??!在早年还是我们引以为技术力量作为炫耀的资本呢?>?上衷诓恢髡庞昧耍ㄕ饫镆馔饣埃汉芏嗳怂礧3C不许用了>,这都是错的,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()表示当鼠标以上区域的时候滚动停止,当鼠标移开的时候又继续滚动。
友荐云推荐
  • 转载请注明来源:网站运营 网址:http://www.chinawobo.com/ 向您的朋友推荐此文章
  • 特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系我们,我们会尽快予以更正。
RSS订阅
  • QQ邮箱
  • 填写您的邮件地址,订阅我们的精彩内容:
更多
© 2014 网站运营 - T086.com(原itlearner.com)
  • 美媒:美国对华战略缺乏头脑 2018-05-23
  • 中国钢企布局沿海 柳钢瞄准东盟经济圈 2018-05-23
  • 2018的偶像元年是否只是一场美丽的谎言?偶像练习生创造101选秀 2018-05-22
  • 上海临港有个“儿童大学” 2018-05-20
  • 2017年世界大学学术排名发布 清华进前50大学学术排名大学排行榜 2018-05-20
  • 日本战犯侵华罪行自供 2018-05-19
  • 塑料污染让人痛心 世界最深海沟竟成“垃圾场” 2018-05-19
  • 男子因琐事杀害女友并分尸抛河 警方根据美甲破案嘉兴美甲死者 2018-05-18
  • 166名中国人在泰国操控中国股市被警方押扣审讯 2018-05-17
  • 消防车进商场——“小小消防员”的消防安全乐体验 2018-05-17
  • 学者:“感应舍利”的出现为何是“必然” 2018-05-16
  • 中国等国利用可再生能源创造上千万工作岗位 2018-05-16
  • 只有用在外语环境下学习的人才懂的13个瞬间! 2018-05-16
  • 外交部回应“中国首次在南沙群岛部署导弹系统” 2018-05-15
  • 陕甘宁边区发行的光华劵:为找零需要,增发6种辅币 2018-05-14
  • 微商货源 | 冠珠陶瓷 | 6688电视家官网 | 中康体检网 | 安徽极热网 | 北京赛车开奖号码 | 快猴网 | 迪威乐云商devmsn | 易奇八字 | wwe美国职业摔角 | 八字算命 | 河南旅游景点大全 | 冠珠陶瓷 | 广东旅游景点大全 |
    RunTime:16.03ms QueryTime:7