xhtml页面中用什么来替换marquee标签

2010-3-29 寒川 网页编程

众所周知,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验证,看看是不是通过了呢?呵呵。。

标签: html 脚本 编程 w3c

评论:

小司
2010-03-30 21:54
贵站连接已经连接完毕,请连接本站连接到主页。
谢谢支持!
http://beund.com

发表评论:

Powered by emlog 蜀ICP备12030225号

川公网安备 51042102000001号

sitemap