function marquee_fun(){ var marquee = document.getElementById("marquee_div");
if(marquee.children.length==1){ var div = marquee.children[0]; var width1 = marquee.offsetWidth; var width2 = div.offsetWidth; var len = Math.ceil(width1/width2); len+=1; var left = div.offsetLeft; for(var i=0;i<len;i++){ var d = div.cloneNode(true); d.style.left=(left+(width2*(i+1)))+"px"; marquee.appendChild(d); }
<html>
<head>
<title> New Document </title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
</head>
<body>
<marquee behavior="scroll" scrollamount="10">
我种下一颗种子
终于长出了果实
今天是个伟大日子
摘下星星送给你
拽下月亮送给你
让太阳每天为你升起变成蜡烛燃烧自己
只为照亮你
把我一切都献给你
只要你欢喜
你让我每个明天都
变得有意义
生命虽短爱你永远
不离不弃你是我的小呀小苹果儿
怎么爱你都不嫌多
红红的小脸儿温暖我的心窝
点亮我生命的火 火火火火
你是我的小呀小苹果儿
就像天边最美的云朵
春天又来到了花开满山坡
种下希望就会收获从不觉得你讨厌
你的一切都喜欢
有你的每天都新鲜
有你阳光更灿烂
有你黑夜不黑暗
你是白云我是蓝天春天和你漫步在盛开的 花丛间
夏天夜晚陪你一起看 星星眨眼
秋天黄昏与你徜徉在 金色麦田
冬天雪花飞舞有你 更加温暖你是我的小呀小苹果儿
怎么爱你都不嫌多
红红的小脸儿温暖我的心窝
点亮我生命的火 火火火火
你是我的小呀小苹果儿
就像天边最美的云朵
春天又来到了花开满山坡
种下希望就会收获你是我的小呀小苹果儿
怎么爱你都不嫌多
红红的小脸儿温暖我的心窝
点亮我生命的火 火火火火
你是我的小呀小苹果儿
就像天边最美的云朵
春天又来到了花开满山坡
种下希望就会收获
</marquee>
</body>
</html>
<html>
<head>
<title>idexl.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript">
function marquee_fun(){
var marquee = document.getElementById("marquee_div");
if(marquee.children.length==1){
var div = marquee.children[0];
var width1 = marquee.offsetWidth;
var width2 = div.offsetWidth;
var len = Math.ceil(width1/width2);
len+=1;
var left = div.offsetLeft;
for(var i=0;i<len;i++){
var d = div.cloneNode(true);
d.style.left=(left+(width2*(i+1)))+"px";
marquee.appendChild(d);
}
}
for(var i=0;i<marquee.children.length;i++){
if(marquee.children[i].offsetLeft<=(-marquee.children[i].offsetWidth)){
var maxleft = 0;
for(var j = 0;j<marquee.children.length;j++){
if(marquee.children[j].offsetLeft>maxleft){
maxleft = marquee.children[j].offsetLeft;
}
}
marquee.children[i].style.left = (maxleft+marquee.children[i].offsetWidth)+"px";
break;
}
}
for(var i=0;i<marquee.children.length;i++){
marquee.children[i].style.left = (marquee.children[i].offsetLeft-10)+"px";
}
setTimeout("marquee_fun()",100);
}
</script>
</head>
<body onload="marquee_fun()">
<div id="marquee_div" style="width:100%;height:22px;line-height:22px;position: relative;overflow: hidden;">
<div style="position:absolute;display:inline;font-size:12px;top:0px;margin:0px;left:0px;">&bnsp; 我种下一颗种子终于长出了果实今天是个伟大日子摘下星星送给你拽下月亮送给你让太阳每天为你升起 </div>
</div>
</body>
</html>