1.垂直一列新聞滾動(dòng):
<td style="height:182px;" valign="top" align="left">
<marquee scrollamount="2" direction="up" style="width: 221px">
<asp:DataList ID="DLGongGaoNews" runat="server">
<ItemTemplate>
<table border="0" cellpadding="0" cellspacing="0" style="width: 230px;">
<tr>
<td align="left" style="height:20px; width:12px;padding-left:40px;"><img alt="" src="images/x1.gif" /></td>
<td align="left"><a href="GongGaoNewsView.aspx?NewsID=<%#Eval("NewsID") %>"><%#sub14(Eval("Title").ToString())%></a></td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
</marquee>
</td>
2.垂直一列圖片滾動(dòng):
<td style="height:300px; background-image:url(images/lc2.gif)">
<marquee height="300" width="180" direction="up" scrolldelay="260" onmouseover='this.stop();' onmouseout='this.start();'>
<asp:DataList ID="DLLink" runat="server">
<ItemTemplate>
<table border="0" cellpadding="0" cellspacing="0" style="width: 180px;">
<tr>
<td align="center" style="height:100px; width:180px;"><a href="<%#Eval("LinkUrl") %>"><img width="180px" height="100px" alt="" src="SysManage/IMG/<%#Eval("ImgUrl") %>" /></a></td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
</marquee>
</td>
3.橫向一行新聞滾動(dòng)
<td style="width:730px; height:36px; background-image:url(images/a1.jpg); padding-right:20px; padding-top:3px;" valign="middle" align="right">
<marquee scrollamount="2" direction="left" width="580px">
熱烈祝賀學(xué)校學(xué)員在全國(guó)男子、女子散打錦標(biāo)賽上獲得優(yōu)異成績(jī)!
</marquee>
</td>
4.橫向一行圖片滾動(dòng)
<td>
<div id="demo" style="overflow: hidden; width:710px; height: 160px" align="center" >
<table align="left" border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="demo1" valign="top">
<asp:Repeater ID="RPProduct" runat="server">
<ItemTemplate>
<table border="0" align="left" cellpadding="0" cellspacing="0" class="tu-tc">
<tr>
<td>
<a href='ProductView.aspx?ProductID=<%#Eval("ProductID") %>'>
<img style="height: 140px; border:0px;" alt='<%#Eval("ProductName") %>' src='SysManage/IMG/<%#Eval("ProductImgUrl") %>'></a>
</td>
</tr>
<tr>
<td style="height:20px;"><%#Eval("ProductName")%></td>
</tr>
</table>
</ItemTemplate>
</asp:Repeater>
</td>
<td id="demo2" valign="top"></td>
</tr>
</table>
</div>
<script type="text/javascript" language="javascript">
var speed=1
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
</td>
5.橫向兩行圖片垂直滾動(dòng)
<DIV id=rolllink style="OVERFLOW: hidden; WIDTH: 680px; HEIGHT: 340px">
<DIV id=rolllink1>
<table width="100%" border="0" cellpadding="0" cellspacing="5">
<tbody>
<tr>
<td>
<table border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC">
<tr>
<td colspan="2" bgcolor="#FFFFFF">
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr bgcolor="#FFFFFF">
<td bgcolor="#FFFFFF" style="padding-left:5px; padding-right:5px;"><div align="center"><a href="cpinfo.php?cpid=33" target="_blank"><img src="client/user/upimage/hdsk_product20090429140324l2itj.jpg" width="200" height="160" border="0" /></a></div></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="25" align="center" bgcolor="#FFFFFF" class="TD"><a href="cpinfo.php?cpid=33" target="_blank"> <font color="000000">
轉(zhuǎn)塔 </font></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr><tr></tr>
</tbody>
</table>
</DIV>
<DIV id=rolllink2></DIV>
</DIV>
<SCRIPT>
var rollspeed=40
rolllink2.innerHTML=rolllink1.innerHTML
function Marquee(){
if(rolllink2.offsetTop-rolllink.scrollTop<=0)
rolllink.scrollTop-=rolllink1.offsetHeight
else{
rolllink.scrollTop++
}
}
var MyMar=setInterval(Marquee,rollspeed)
rolllink.onmouseover=function() {clearInterval(MyMar)}
rolllink.onmouseout=function() {MyMar=setInterval(Marquee,rollspeed)}
</SCRIPT>
聯(lián)系客服