用javascript做了一个滚动页面却怎么也加载不上去.这是为什么呢?

benxiong840112 2009-08-20 10:54:36
滚动页面代码(.htm):
<link href="gundong23.css" rel="stylesheet" type="text/css">
<DIV id=demo >
<TABLE cellSpacing=0 cellPadding=0 align=left border=2 cellspace="0">
<TBODY>
<TR>
<TD id=demo1 vAlign=top>
<table width="580" height="763" border="0" cellpadding="0" cellspacing="0">
<tr><td width="580"><div id="content">1</div></td>
<td width="580"><div id="content1">2</div></td>
<td width="580"><div id="content2">3</div></td>
<td width="580"><div id="content3">4</div></td>
</tr>
</table></TD>
<TD id=demo2 vAlign=top></TD></TR></TBODY></TABLE></DIV>
<SCRIPT>
var speed=10 //速度数值越小,滚动速度越快
var a=0
var p=1
var m=1 //记录当前页面

demo2.innerHTML=demo1.innerHTML
var n=0
var MyMar=null
function Marquee(c){
n++
if(n<=(5*c)){
if(demo.scrollLeft==2320)
{demo.scrollLeft=0
}
demo.scrollLeft=demo.scrollLeft+116
}
else{
clearInterval(MyMar)
}
//alert(demo.scrollLeft)
}

function StartMarquee(d){
n=0
MyMar=setInterval("Marquee("+d+")",speed)
//alert(d)
m=(m+1)%4
if(m==0){m=4}
}


function MarqueeR(o){
a++
if(a<=(5*o)){
if(demo.scrollLeft==0)
{demo.scrollLeft=2320}
demo.scrollLeft=demo.scrollLeft-116
}
else clearInterval(MyMar)
}


function StartMarqueeR(b){
a=0
MyMar=setInterval("MarqueeR("+b+")",speed)
m=(m-1)%4
if(m==0){m=4}
//alert(m)
}

function jumpweb(p){
var vv=0
if(p>m){
vv=p-m
StartMarquee(vv)
}
if(p<m){
vv=m-p
StartMarqueeR(vv)
}
m=p
}

</SCRIPT>

<input type="button" value="左" onclick="StartMarquee(1)">
<input type="button" value="右" onclick="StartMarqueeR(1)">

<input type="button" value="一" onclick="jumpweb(1)">
<input type="button" value="二" onclick="jumpweb(2)">
<input type="button" value="三" onclick="jumpweb(3)">
<input type="button" value="四" onclick="jumpweb(4)">


想把他加载到另外一个页面上却怎么也不成功。我还试着把页的代码复制上可是跟显示的效果完全不一样。

请大虾们指教。

css内容:
gundontg23.css

#content{
height:763px;
width:580;
background-color:#00CC66;

}
#demo{
OVERFLOW: hidden;
WIDTH: 580;
COLOR: #009900;
background-color:#009900;
}
#content2{
height:763px;
width:580;
background-color:#Faaee0;

}
#content3{
height:763px;
width:580;
background-color:#FFFFFF;

}
#content1{
height:763px;
width:580;
background-color:#000000;

}
大虾们多指教。献上二十分。

...全文
65 点赞 收藏 1
写回复
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
googya 2009-09-03
貌似代码写得有点问题!
回复
发动态
发帖子
ASP
创建于2007-09-28

2.8w+

社区成员

ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
申请成为版主
社区公告
暂无公告