不间断向上向左滚动

一： 

<div id="demo" οnmοuseοver="clearInterval(timer)" οnmοuseοut="timer=setInterval(mar,30)" style="overflow:hidden; width:580px;">
<div id="demo1">

<UL>

<LI>
1111111111111111
  </LI>

</UL>

</div>
<div id="demo2"></div>
</div>
<script>
var t=getid("demo"),t1=getid("demo1"),t2=getid("demo2"),sh=getid("show"),timer;
t.style.height=t.clientHeight;
if(t.clientHeight>200)
{
t.style.height=200;
}

t2.innerHTML=t1.innerHTML;
function mar(){
if(t2.offsetTop<=t.scrollTop)
t.scrollTop=0;
else
t.scrollTop++;
}
timer=setInterval(mar,30);
function getid(id){
return document.getElementById(id);
}
</script>

 

 

 

二：

<div id="demo" οnmοuseοver="clearInterval(timer)" οnmοuseοut="timer=setInterval(mar,30)" style="overflow:hidden; width:100%;">
<div id="demo1">

<UL>

    <asp:DataList ID="DataList2" runat="server">
    <ItemTemplate>
    <li><a href='dajiaDetail.aspx#<%#Eval("id") %>' title='<%#Eval("title") %>'><%#data.return_string( Eval("title").ToString(),14) %> </a></li>
    </ItemTemplate>
    </asp:DataList>
</ul></div>
<div id="demo2"></div>
</div>
<script>

var t=getid("demo"),t1=getid("demo1"),t2=getid("demo2"),sh=getid("show"),timer;

t.style.height=t.clientHeight;
if(t.clientHeight>500)
{
t.style.height=500;
}
t2.innerHTML=t1.innerHTML;
function mar(){
if(t2.offsetTop<=t.scrollTop)
t.scrollTop=0;
else
t.scrollTop++;
}
timer=setInterval(mar,30);
function getid(id){
return document.getElementById(id);
}
</script>

 

 

三：（向左）
<div class="qu"><div id=demo_x style="overflow:hidden;height:38px;width:830px;background:#fff;color:#ffffff">
<table align=left cellpadding="0" cellspace="0" border="0" width="830px">
<tr>
<td id="demo1_x" valign="top">

<asp:DataList ID="DataList2" runat="server" RepeatDirection="Horizontal" Width="830px" >
    <ItemTemplate>
   <a href='<%#Eval("lianjie") %>' target="_blank"> <img src='<%#Eval("image") %>' width="106" height="38"  alt='<%#Eval("name") %>'/></a>
  </ItemTemplate>
    </asp:DataList>
</td>
<td id="demo2_x" valign="top"></td>
</tr>
</table>
</div>

<script>
var speed1=30
demo2_x.innerHTML=demo1_x.innerHTML
function Marquee(){
if(demo2_x.offsetWidth-demo_x.scrollLeft<=0)
demo_x.scrollLeft-=demo1_x.offsetWidth
else{
demo_x.scrollLeft++
}
}
var MyMar1=setInterval(Marquee,speed1)
demo_x.οnmοuseοver=function() {clearInterval(MyMar1)}
demo_x.οnmοuseοut=function() {MyMar1=setInterval(Marquee,speed1)}
</script></div>