寒窗轩

众所周知，w3c从来就没承认marquee标签，当然，w3c不承认并不是说marquee标签不能使用。虽然marquee是微软的产物，但是众多浏览器都支持它，而且很多html新手也对marquee喜欢有佳。将marquee放到页面中也无可厚非，但是当页面提交给w3c验证的时候很明显是不受欢迎的，看着心里总有个疙瘩。如何能在xhtml标准页面中出现移动字体呢？
方法如下：
1、建一个js文件，命名为marquee.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 direction='up' width='264' height='120' scrollamount='2' onmouseover='javascript:this.stop();' onmouseout='javascript:this.start();'>"+ a[i].innerHTML+"</marquee>";
 }
}window.onload = function () {
 ccMarquee("ccMarquee");
}
2、在欲使用marquee的页面head中调用js，如下：
<script type="text/javascript" src="marquee.js"></script>
3、在要marquee的页面的div中加入class="ccMarquee"，如下：
<div class="ccMarquee">
这儿是向上移动的文字。
 </div>
现在页面再给w3c验证，看看是不是通过了呢？呵呵。。