关于用JavaScript实现文字的跑马灯的问题,怎样才能真正的融入到自己的...
发布网友
发布时间：2022-04-24 19:36
共2个回答
热心网友
时间：2022-04-22 14:36
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Marquee</title>
<script type="text/javascript" src="marquee.js"></script>
</head>
<body>
<div class="ccMarquee">在class为ccMarquee的标签内放入要实现跑马灯效果的文字</div>
<p class="ccMarquee">在class为ccMarquee的标签内放入要实现跑马灯效果的文字</p>
<h2 class="ccMarquee">在class为ccMarquee的标签内放入要实现跑马灯效果的文字</h2>
<span class="ccMarquee">在class为ccMarquee的标签内放入要实现跑马灯效果的文字</span>
</body>
</html>
<!--另附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='left' width='800' height='33' scrollamount='1' scrolldelay='4' onmouseover='javascript:this.stop();' onmouseout='javascript:this.start();'>"+ a[i].innerHTML+"</marquee>";
}
//设置上面代码中的direction、width、height、scrollamount、scrolldelay.
}window.onload = function () {
ccMarquee("ccMarquee");
}
-->
热心网友
时间：2022-04-22 15:54
