标题 | ASP.NET中利用DataList实现图片无缝滚动 |
内容 | <asp:ImageButton ID="imgbtnInfo" runat="server" ImageUrl='<%#Eval("Spic") %>' OnClick="imgbtnInfo_Click"CommandArgument='<%#Eval("ID") %>' /> </td> </tr> <tr> <td> <asp:LinkButton ID="lkbtnInfo" CommandArgument='<%#Eval("ID") %>' runat="server" OnClick="lkbtnInfo_Click" CssClass="bb" Text='<%#Eval("Type") %>'> </asp:LinkButton> </td> </tr> </table> </ItemTemplate> </asp:DataList> <asp:ObjectDataSource ID="ObjectDataSource1" runat="server" SelectMethod="SelectInfo" TypeName="HotelDAL.KeFangServices"></asp:ObjectDataSource> </td> <%-- 这一步很重要 --%> <td id="demo2" valign="bottom"> </td> </tr> </table> </div> <script> //滚动的速度,数值越大速度越慢 var speed = 20 demo2.innerHTML = demo1.innerHTML //从右至左 function Marquee() { if (demo1.offsetWidth - demo.scrollLeft <= 0) demo.scrollLeft = 0 else demo.scrollLeft++ } var MyMar = setInterval(Marquee, speed) demo.onmouseover = function () { clearInterval(MyMar) } demo.onmouseout = function () { MyMar = setInterval(Marquee, speed) } </script> |
随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。