<div id="im" style="width:100%; overflow:hidden; height:96px;">
<table>
<tr>
<td id="im1">
<table border="0" cellspacing="5px" cellpadding="0" width="100%" style="height:96px">
<tr>
<asp:Repeater ID="repeaterimg" runat="server">
<ItemTemplate>
<td class="mqimg" style="width:135px; text-align:center; margin:0 8px 0 8px"><asp:Image ID="Image1" runat="server" ImageUrl='<%#Eval("CaseImage") %>' /></td>
</ItemTemplate>
</asp:Repeater>
</tr>
</table>
</td>
<td id="im2"></td>
</tr>
</table>
</div>
这是前台的代码请问各位大侠,我该怎么让这组图片做横向的Marqun效果啊,我对js了解很少,希望大家帮帮忙!!!
、、、、、、、、、、、、、、、、、、、、、、、、、js代码,用了个jQuery
$(function(){
var speed=40;
var p = $("#im");
// alert(p);
var p1 =$("#im1");
// alert(p1);
var p2 = $("#im2");
// alert(p2);
p2.innerHTML = p1.innerHTML;
function Marquee()
{
if(p2.offsetWidth-p.scrollLeft<="0")
{
p.scrollLeft-=p1.offsetWidth;
}
else
{
p.scrollLeft++;
}
} var MyMar;
var startmq = function startmarquee()
{
MyMar=setInterval(Marquee,speed)
}
window.setTimeout(startmq,1000);
p.onmouseover=function() {clearInterval(MyMar)}
p.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
})
这是js代码
http://blog.csdn.net/IBM_hoojo/archive/2010/06/07/5653246.aspx
用这个吧
这是代码:
http://blog.csdn.net/web_asp_net/archive/2010/07/23/5756987.aspx