asp.net Repeater控件内容上下滚动播放

简介: CSDN上的一个问题,已帮忙解决的,源码如下: var timer $(document).

CSDN上的一个问题,已帮忙解决的,源码如下:

<%@ 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>


相关文章
|
5月前
|
开发框架 JavaScript 前端开发
震撼!破解 ASP.NET 服务器控件 Button 执行顺序之谜,颠覆你的开发认知!
【8月更文挑战第16天】在ASP.NET开发中,通过Button控件实现先执行JavaScript再触后台处理的需求十分常见。例如,在用户点击按钮前需前端验证或提示,确保操作无误后再传递数据至后台深度处理。此过程可通过设置Button的`OnClientClick`属性调用自定义JavaScript函数完成验证;若验证通过,则继续触发后台事件。此外,结合jQuery也能达到相同效果,利用`__doPostBack`手动触发服务器端事件。这种方式增强了应用的交互性和用户体验。
53 8
|
3月前
|
开发者 Windows
.NET 开源扁平化、美观的 C/S 控件库
【10月更文挑战第23天】介绍了三款适用于 .NET 平台的开源扁平化、美观的 C/S 控件库:MaterialSkin 采用 Google Material Design 风格,适合现代感界面;Krypton Toolkit 提供丰富控件,界面易于定制;Fluent Ribbon Control Suite 模仿 Office 界面,适合复杂功能应用。每款控件库均附有示例代码及 GitHub 链接。
132 0
winform .net6 和 framework 的图表控件,为啥项目中不存在chart控件,该如何解决?
本文讨论了在基于.NET 6和.NET Framework的WinForms项目中添加图表控件的不同方法。由于.NET 6的WinForms项目默认不包含Chart控件,可以通过NuGet包管理器安装如ScottPlot等图表插件。而对于基于.NET Framework的WinForms项目,Chart控件是默认存在的,也可以通过NuGet安装额外的图表插件,例如LiveCharts。文中提供了通过NuGet添加图表控件的步骤和截图说明。
winform .net6 和 framework 的图表控件,为啥项目中不存在chart控件,该如何解决?
|
3月前
|
C# Android开发 iOS开发
一组.NET MAUI绘制的开源控件 - AlohaKit
一组.NET MAUI绘制的开源控件 - AlohaKit
|
4月前
|
开发框架 JavaScript 前端开发
|
8月前
|
SQL 开发框架 JavaScript
分享33个ASP.NET电子商务源码和40个ASP.NET控件组件源码,总有一款适合您
分享33个ASP.NET电子商务源码和40个ASP.NET控件组件源码,总有一款适合您
97 0
|
8月前
|
SQL 开发框架 前端开发
ASP.NET WEB项目中GridView与Repeater数据绑定控件的用法
ASP.NET WEB项目中GridView与Repeater数据绑定控件的用法
89 0
|
8月前
|
JavaScript C#
【傻瓜级JS-DLL-WINCC-PLC交互】2.wincc使用C#开发的.net控件
【傻瓜级JS-DLL-WINCC-PLC交互】2.wincc使用C#开发的.net控件
139 0
|
8月前
|
JavaScript Linux C#
【傻瓜级JS-DLL-WINCC-PLC交互】1.C#用windows窗体控件创建.net控件
【傻瓜级JS-DLL-WINCC-PLC交互】1.C#用windows窗体控件创建.net控件
158 0
|
5天前
|
监控 前端开发 API
一款基于 .NET MVC 框架开发、功能全面的MES系统
一款基于 .NET MVC 框架开发、功能全面的MES系统