asp.net Repeater控制元件內容上下滾動播放
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>
相關文章
- 線上直播系統原始碼,滾動式內容展示控制元件原始碼控制元件
- asp.net Repeater等資料控制元件模版內部2個DropDownList控制元件級聯ASP.NET控制元件
- ASP.NET Web Forms – Repeater 控制元件簡介ASP.NETWebORM控制元件
- jQuery內容橫向拖拽滾動jQuery
- 使用SendMessage函式滾動文字框控制元件中的內容 (轉)函式控制元件
- css實現隱藏滾動條並可以滾動內容CSS
- 網頁內容部分設滾動條網頁
- 動態綁資料(Repeater控制元件控制元件
- ASP.NET中Repeater控制元件實現分頁功能ASP.NET控制元件
- 論移動裝置內容的橫向滾動和豎向滾動
- 滑鼠滑輪上下滾動設定方法_怎樣設定滑鼠上下滾動
- 3種方法實現CSS隱藏滾動條並可以滾動內容CSS
- 監聽滾動,上下翻頁
- 拖動滾動條實現內容自動載入效果
- jQuery寫的文章內容頁右側浮動滾動jQuery
- asp.net 內容頁訪問母版頁中的控制元件ASP.NET控制元件
- JS圖片滾動(無縫、平滑、上下左右滾動)效果JS
- vue 數字上下滾動抽獎Vue
- JavaScript 數字上下滾動抽獎JavaScript
- jQuery滑動方式上下左右滾動效果jQuery
- Flutter 滾動元件內容更新時自動定位到底端的方法Flutter元件
- C#控制元件之Repeater控制元件使用C#控制元件
- 短視訊app開發,內部標題進行滾動播放APP
- IE8 input框內容上下居中
- 母版頁裡面查詢Repeater內控制元件,並構造URL控制元件
- table上下對齊滾動條設定
- 一個有上下滾動效果的TextViewTextView
- 如何隱藏scroll-Y縱向滾動條,並不影響內容滾動的方法
- 在stringgrid控制元件中使文字內容在cell中做到上下居中 (轉)控制元件
- jQuery根據滾動條位置載入相應的內容jQuery
- Flutter 滾動控制元件篇-->ListViewFlutter控制元件View
- 手機網站上下拉動滾動條時卡頓網站
- web簡單頁面佈局fixed 頭部固定 內容滾動Web
- Repeater控制元件的分頁實現控制元件
- 拖動滾動條實現網頁內容自動載入程式碼例項網頁
- Flutter 滾動控制元件篇-->滾動監聽及控制(ScrollController)Flutter控制元件Controller
- 如何給Scrollview裡內容截圖並生成bitmap,注意:Scrollview裡面內容較多有滾動了·View
- js實現圖片上下滾動background-positionJS