图片连续滚动的JAVA代码
展开全部
<div id="RollPic" style="OVERFLOW: hidden; WIDTH: 920px; HEIGHT: 82px; text-align:center;">
<table border="0" cellspacing="0" cellpadding="0" >
<tr>
<td valign="top" id="RollPic1" >
<!-- 要循环滚动的图片 -->
<div>
<asp:DataList ID="GridNews" runat="server" BorderWidth="0" DataSourceID="odsRollPhoto"
ItemStyle-VerticalAlign="Top" RepeatColumns="10" Width="100%">
<ItemTemplate>
<asp:HyperLink ID="headImg" runat="server"
BorderWidth="1" BorderColor="#F7F8FA" NavigateUrl='<%# "~/xwshowSTList.aspx?stID="+Eval("STID")%>' ToolTip='<%#Eval("SpecialTopic") %>' target="_blank">
<asp:Image ID="Image1" runat="server" BorderWidth="1" BorderColor="black" Height="75px" ImageUrl='<%#"~/images/"+Eval("ImageUrl") %>' />
</asp:HyperLink>
</ItemTemplate>
</asp:DataList><asp:Label ID="Label1" runat="server" Text=""></asp:Label>
</div>
</td>
<td id="RollPic2" style="width:1;"></td>
</tr>
</table>
<script type="text/javascript">
<!--
var speed=30//速度数值越大速度越慢
var demo2 = document.getElementById("RollPic2");
var demo = document.getElementById("RollPic");
var demo1 = document.getElementById("RollPic1");
demo2.innerHTML=demo1.innerHTML
function Marquee()
{
<!--if(demo.scrollLeft<=0)
<!-- demo.scrollLeft+=demo2.offsetWidth
<!-- else
<!-- {
demo.scrollLeft++ //方向 -- 为右滚动
<!-- }
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
-->
</script>
</div>
<table border="0" cellspacing="0" cellpadding="0" >
<tr>
<td valign="top" id="RollPic1" >
<!-- 要循环滚动的图片 -->
<div>
<asp:DataList ID="GridNews" runat="server" BorderWidth="0" DataSourceID="odsRollPhoto"
ItemStyle-VerticalAlign="Top" RepeatColumns="10" Width="100%">
<ItemTemplate>
<asp:HyperLink ID="headImg" runat="server"
BorderWidth="1" BorderColor="#F7F8FA" NavigateUrl='<%# "~/xwshowSTList.aspx?stID="+Eval("STID")%>' ToolTip='<%#Eval("SpecialTopic") %>' target="_blank">
<asp:Image ID="Image1" runat="server" BorderWidth="1" BorderColor="black" Height="75px" ImageUrl='<%#"~/images/"+Eval("ImageUrl") %>' />
</asp:HyperLink>
</ItemTemplate>
</asp:DataList><asp:Label ID="Label1" runat="server" Text=""></asp:Label>
</div>
</td>
<td id="RollPic2" style="width:1;"></td>
</tr>
</table>
<script type="text/javascript">
<!--
var speed=30//速度数值越大速度越慢
var demo2 = document.getElementById("RollPic2");
var demo = document.getElementById("RollPic");
var demo1 = document.getElementById("RollPic1");
demo2.innerHTML=demo1.innerHTML
function Marquee()
{
<!--if(demo.scrollLeft<=0)
<!-- demo.scrollLeft+=demo2.offsetWidth
<!-- else
<!-- {
demo.scrollLeft++ //方向 -- 为右滚动
<!-- }
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
-->
</script>
</div>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
用js吧,网上一搜一大堆
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2013-04-06
展开全部
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询