1/横向滚动
<div id="demo5001" style="overflow: hidden; height: 153px; width:580px;
vertical-align: middle; padding-top: 4px;">
<table width="560" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" id="demo6001" valign="middle" style="height: 153px">
<asp:DataList ID="DLDataSource" runat="server" CellPadding="5" RepeatDirection="Horizontal">
<ItemTemplate>
<table width="88" style="border: 1px solid #E2E3E7;" cellspacing="0" cellpadding="0">
<tr>
<td height="122" align="center" valign="middle" bgcolor="#EDEFEE">
<img src="<%# Eval("pic1") %>" alt="<%# Eval("alt") %>" border="0" width="80" height="114" /></td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
</td>
<td id="demo7001" valign="middle" style="height: 153px">
</td>
</tr>
</table>
</div>
<script type="text/javascript" language="javascript">
var speed_zhtp001=30
demo7001.innerHTML=demo6001.innerHTML
function Marquee_zhtp001(){
if(demo7001.offsetWidth-demo5001.scrollLeft<=0)
demo5001.scrollLeft-=demo6001.offsetWidth
else{
demo5001.scrollLeft++
}
}
var MyMar_zhtp001=setInterval(Marquee_zhtp001,speed_zhtp001)
demo5001.οnmοuseοver=function() {clearInterval(MyMar_zhtp001)}
demo5001.οnmοuseοut=function() {MyMar_zhtp001=setInterval(Marquee_zhtp001,speed_zhtp001)}
</script>
2/纵向滚动
<div id="demo" style="background: #ffffff; overflow: hidden; width: 150px; color: #0000ff;
height: 200px">
<div id="demo1">
<div align="center">
<asp:Label ID="LBIMG" runat="server" Text="Label"></asp:Label>
</div>
</div>
<div id="demo2" style="background: #ffffff; overflow: hidden; width: 150px; color: #0000ff;
height: 200px">
</div>
<script language="javascript" type="text/javascript">
var speed=50;
demo2.innerHTML=demo1.innerHTML;
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0){
demo.scrollTop-=demo1.offsetHeight;
}
else{
demo.scrollTop++;
}
}
var MyMar=setInterval(Marquee,speed);
demo.οnmοuseοver=function() {clearInterval(MyMar)};
demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)};
</script>
<div id="demo5001" style="overflow: hidden; height: 153px; width:580px;
vertical-align: middle; padding-top: 4px;">
<table width="560" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" id="demo6001" valign="middle" style="height: 153px">
<asp:DataList ID="DLDataSource" runat="server" CellPadding="5" RepeatDirection="Horizontal">
<ItemTemplate>
<table width="88" style="border: 1px solid #E2E3E7;" cellspacing="0" cellpadding="0">
<tr>
<td height="122" align="center" valign="middle" bgcolor="#EDEFEE">
<img src="<%# Eval("pic1") %>" alt="<%# Eval("alt") %>" border="0" width="80" height="114" /></td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
</td>
<td id="demo7001" valign="middle" style="height: 153px">
</td>
</tr>
</table>
</div>
<script type="text/javascript" language="javascript">
var speed_zhtp001=30
demo7001.innerHTML=demo6001.innerHTML
function Marquee_zhtp001(){
if(demo7001.offsetWidth-demo5001.scrollLeft<=0)
demo5001.scrollLeft-=demo6001.offsetWidth
else{
demo5001.scrollLeft++
}
}
var MyMar_zhtp001=setInterval(Marquee_zhtp001,speed_zhtp001)
demo5001.οnmοuseοver=function() {clearInterval(MyMar_zhtp001)}
demo5001.οnmοuseοut=function() {MyMar_zhtp001=setInterval(Marquee_zhtp001,speed_zhtp001)}
</script>
2/纵向滚动
<div id="demo" style="background: #ffffff; overflow: hidden; width: 150px; color: #0000ff;
height: 200px">
<div id="demo1">
<div align="center">
<asp:Label ID="LBIMG" runat="server" Text="Label"></asp:Label>
</div>
</div>
<div id="demo2" style="background: #ffffff; overflow: hidden; width: 150px; color: #0000ff;
height: 200px">
</div>
<script language="javascript" type="text/javascript">
var speed=50;
demo2.innerHTML=demo1.innerHTML;
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0){
demo.scrollTop-=demo1.offsetHeight;
}
else{
demo.scrollTop++;
}
}
var MyMar=setInterval(Marquee,speed);
demo.οnmοuseοver=function() {clearInterval(MyMar)};
demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)};
</script>