使marquee标准化

2009-06-08 18:46  Read:

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' scrollamount='1' scrolldelay='100' "
+"onmouseover='this.stop()' onmouseout='this.start()'>"
+a[i].innerHTML+"</marquee>";
}
}

window.onload = function () {
ccMarquee("ccMarquee");
}

XHTML代码:

 <div class="ccMarquee">
<a href="" title="">这里是要滚动的内容</a>
</div>

用户名: 密码:
匿名发表
全部评论:0