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

作者：寒川发布于：2010-3-29 19:59 Monday 分类：网页编程

众所周知，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