Repeater控件内容上下滚动播放代码,Asp.Net代码库,德仔网

代码语言

代码分类

【Asp.Net】 Repeater控件内容上下滚动播放

作者:泺请 / 发布于2015/1/8/ 901


	<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CSDN.aspx.cs" Inherits="SYIT.Webs.DEMO.CSDN" %>

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

	<html xmlns="http://www.w3.org/1999/xhtml">
	<head runat="server">
	 <title></title>
	 <script src="../js/jquery-1.4.1.min.js" type="text/javascript"></script>
	 <script type="text/javascript">
	 var timer

	 $(document).ready(function() {
	 timer = setInterval(AutoScroll, 500);

	 $(".e_list_news").mouseover(
	 function () {
	 clearInterval(timer);
	 })
	 .mouseout(function () {
	 timer = setInterval(AutoScroll, 500);
	 });

	 function AutoScroll() {
	 $("#dem").find("ul:first").animate({
	 marginTop: "0px"
	 }, 500, function () {
	 $(this).css({ marginTop: "0px" }).find("li:first").appendTo(this);
	 });
	 }
	 });
	</script>
	</head>
	<body>
	 <form id="form1" runat="server">
	 <div style="width:280px; text-align:left; margin-top:10px; height:230px; overflow:hidden;">
	 <div id="dem" style=" width:240px; height:230px;cursor:point;">
	 <ul class="e_list_news" style="height:230px; overflow:hidden;margin: 0; padding:0px; ">
	 <asp:Repeater ID="Repeater1" runat="server">
	 <ItemTemplate>
	 <li><%# Eval("PUMP_NM")%> 中了 <%# Eval("PUMP_TP")%> </li>
	 </ItemTemplate>
	 </asp:Repeater>
	 </ul>
	 </div>
	 </div>
	 </form>
	</body>
	</html>

试试其它关键字

　Repeater控件　　滚动播放　　上下滚动　

同语言下

可能有用的

泺请贡献的其它代码(2)