日期:2014-05-17 浏览次数:20464 次
<div id="demoabc" style="overflow:hidden;width:720px;height:18px; padding-bottom:2px; line-height:18px; white-space:nowrap;">
<div id="demoabc1">
<%=gonggaoinfo%>
</div>
<div id="demoabc2"></div>
</div>
<script type="text/javascript">
var demoabc2 = document.getElementById("demoabc2");
var demoabc1 = document.getElementById("demoabc1");
var demoabc = document.getElementById("demoabc");
function MarqueeLeft() {
if (demoabc2.offsetWidth - demoabc.scrollLeft <= 0)
demoabc.scrollLeft -= demoabc1.offsetWidth
else {
demoabc.scrollLeft++
}
}
var MyMar1 = setInterval(MarqueeLeft, 20);
</script>
<div class="top43" id="demo" style="overflow:hidden; width:930px; height: 170px">
<table cellspacing="0" cellpadding="0" align="left" border="0">
<tbody><tr>
<td id="demo1" style="width: 198px">
<table cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<asp:Repeater ID="rptgd" runat="server" >
<ItemTemplate>
<td>
<div class="top44">
<div class="top45">
<div class="top46">
<a href='cp3.aspx?id=<%#Eval("id") %>'>
<img alt="" src='<%#Eval("entiroImagePath")%>' width="182" height="125" />
</a>
</div>
</div>
<div class="top47"><a href='cp3.aspx?id=<%#Eval("id") %>'><%#Eval("entiroImageName")%></a></div>
</div>
</td>
</ItemTemplate>
</asp:Repeater>
<%--循环显示 END--%>
</tr></tbody>
</table>
</td>
<td id="demo2" valign="top"></td>
</tr></tbody>
</table>
</div>
<script type="text/javascript">
var dir = 1//每步移动像素,数大为快
var speed = 20//循环周期(毫秒)数大为慢
demo2.innerHTML = demo1.innerHTML
function Marquee() {//正常移动
//alert(demo2.offsetWidth+"\n"+demo.scrollLeft)
if (dir > 0 && (demo2.offsetWidth - demo.scrollLeft) <= 0) demo.scrollLeft = 0
if (dir < 0 && (demo.scrollLeft <= 0)) demo.scrollLeft = demo2.offsetWidth
demo.scrollLeft += dir
demo.onmouseover = function () { clearInterval(MyMar) } //暂停移动
demo.onmouseout = function () { MyMar = setInterval(Marquee, speed) } //继续移动
}
function r_left() { if (dir = -1) dir = 1 } //换向左移
function r_right() { if (dir = 1) dir = -1 } //换向右移
var MyMar = setInterval(Marquee, speed)
</script>