Question

怎样将这段代码写成一个.js文件然后在页面里调用

<div id=demoall style="BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-LEFT-COLOR: black; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: black; OVERFLOW: hidden; WIDTH: 100%; BORDER-TOP-COLOR: black; HEIGHT: 150px; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: black" align=left>
<div id=demo11>
<table height=280 cellspacing=0 cellpadding=1 width=240 align=center border=0>
<tr>
<td align=left width="100%">·<a href="" target=_blank>1</a></td>
</tr>
<tr>
<td align=left>·<a href="" target=_blank>2</a></td>
</tr>
<tr>
<td align=left>·<a href="" target=_blank>3</a></td>
</tr>
<tr>
<td align=left>·<a href="" target=_blank>4</a></td>
</tr>
<tr>
<td align=left>·<a href="" target=_blank>5</a></td>
</tr>
<tr>
<td align=left>·<a href="" target=_blank>6</a></td>
</tr>
</table>
</div>
<div id=demo22>
</div>
</div>
<SCRIPT>
var speed=33
demo22.innerHTML=demo11.innerHTML
function Marquee(){
if(demo22.offsetTop-demoall.scrollTop<=0)
demoall.scrollTop-=demo11.offsetHeight
else{
demoall.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demoall.onmouseover=function(){clearInterval(MyMar)}
demoall.onmouseout=function(){MyMar=setInterval(Marquee,speed)}
</SCRIPT>
以上是一段滚动效果的代码，我想把它写成一个.js里，然后在静态页面中进行调用，请问.js文件应该怎样写，页面中又该如何调用，谢谢！
如果我的body部分的内容特别多，为了给页面减肥，不能把里面的内容也放到.js文件中进行调用么

Answer 1

你上述的代码主要分为两个部分，一是js代码，这部分代码如何移植到js中应该不用我说了吧；二是html代码，在js中把这部分代码赋值给一个js变量，然后用insertHtml添加到body中，在页面直接引入该js就行了，以下是在js中的示例：
var code = "<div>.........";
insertHtml("beforeend",document.body,code);
insertHtml用法：
insertHtml(where,el,html);
where：插入位置。包括beforeBegin,beforeEnd,afterBegin,afterEnd
el：用于参照插入位置的html元素对象
html；要插入的html代码

Answer 2

<SCRIPT>
var speed=33
demo22.innerHTML=demo11.innerHTML
function Marquee(){
if(demo22.offsetTop-demoall.scrollTop<=0)
demoall.scrollTop-=demo11.offsetHeight
else{
demoall.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demoall.onmouseover=function(){clearInterval(MyMar)}
demoall.onmouseout=function(){MyMar=setInterval(Marquee,speed)}
</SCRIPT>
把这段JS代码撂到一个JS文件里
<div id=demoall style="BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-LEFT-COLOR: black; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: black; OVERFLOW: hidden; WIDTH: 100%; BORDER-TOP-COLOR: black; HEIGHT: 150px; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: black" align=left>
<div id=demo11>
<table height=280 cellspacing=0 cellpadding=1 width=240 align=center border=0>
<tr>
<td align=left width="100%">·<a href="" target=_blank>1</a></td>
</tr>
<tr>
<td align=left>·<a href="" target=_blank>2</a></td>
</tr>
<tr>
<td align=left>·<a href="" target=_blank>3</a></td>
</tr>
<tr>
<td align=left>·<a href="" target=_blank>4</a></td>
</tr>
<tr>
<td align=left>·<a href="" target=_blank>5</a></td>
</tr>
<tr>
<td align=left>·<a href="" target=_blank>6</a></td>
</tr>
</table>
</div>
<div id=demo22>
</div>
</div>
把这段代码放到你需要显示这个功能的页面的body里，并在head里加上一句<script language="javascript" type="text/javascript" src="你的JS文件的名字" ></script>。
前提是必须这两个文件在同一目录下