解决DataList控件无缝滚动图片(转)
解决问题:1.无缝滚动;2.页面初始时图片显示页面上,而不是才从一个方向出来。
将绑定数据绑定到DataList 控件后。其他数据控件也可使用此方法。
页面源代码:
<div id="demo" style="OVERFLOW: hidden; WIDTH: 922px; HEIGHT: 137px">
<table cellpadding="0" cellspacing="0" width="804px">
<tr>
<td id="demo1">
<asp:DataList ID="dlInfo" runat="server" Height="1px" RepeatColumns="5" RepeatDirection="Horizontal" Width="41px">
<ItemTemplate>
<table style="width: 155px; height: 125px" cellpadding="0" cellspacing="0">
<tr>
<td style="height: 100px">
//显示图片
<asp:Image ID="Image1" runat="server" Height="114px" Width="180px" ImageUrl='<%# Eval("GImage") %>' /></td>
</tr>
<tr>
<td align="center" style="text-align: center; height: 25px;">
//显示图片名称
<asp:HyperLink ID="HyperLink2" runat="server" Text='<%# Eval("GName") %>' Font-Size="9pt" ForeColor="#249DE3"></asp:HyperLink></td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
</td>
//这里很重要,需要一列来滚动图片
<td id="demo2"></td>
</tr>
</table>
</div>
//滚动代码
<script type="text/javascript" language="javascript">
//滚动速度
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.οnmοuseοver=function(){clearInterval(MyMar)}
demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)}
</script>
转自:http://www.cnblogs.com/shanymen/archive/2009/06/03/1495303.html
转载于:https://www.cnblogs.com/Godblessyou/archive/2012/03/10/2388777.html
解决DataList控件无缝滚动图片(转)相关推荐
- C# WinForm解决Panel控件中的图片刷新时会闪烁的问题
最近在项目开发过程中,使用Panel控件显示座位背景图,在分屏切换时,发现背景图会闪烁.在同事的帮助下,通过以下方法解决了: 新建一个类,继承Panel控件类,然后开启该控件的双重辅助缓冲区,禁止擦除 ...
- C# Winform控件对透明图片重叠时导致图片不透明的解决方法
C# Winform控件对透明图片重叠时导致图片不透明的解决方法 参考文章: (1)C# Winform控件对透明图片重叠时导致图片不透明的解决方法 (2)https://www.cnblogs.co ...
- iOS 9应用开发教程之使用开关滑块控件以及滚动部署视图
iOS 9应用开发教程之使用开关滑块控件以及滚动部署视图 使用ios9中的开关.滑块控件 开关和滑块也是用于和用户进行交互的控件.本节将主要讲解这两种控件. ios9开关 开关控件常用来控制某个功能的 ...
- asp.net中将数据库绑定到DataList控件的实现方法与实例代码
解决方法1: datalist databind() 解决方法2: 查看MSDN上的详细说明资料 解决方法3: 在DataList的模板中用table表格,如: 复制代码 代码如下: <asp: ...
- 使用 Microsoft.UI.Xaml 解决 UWP 控件和对老版本 Windows 10 的兼容性问题
原文 使用 Microsoft.UI.Xaml 解决 UWP 控件和对老版本 Windows 10 的兼容性问题 虽然微软宣称 Windows 10 将是最后一个 Windows 版本,但由于年代跨越 ...
- oc中在控件上显示图片
当我们想在控件上改变图片的时候,我们需要做的是获得图片的引用,然后调用函数,来设置图片.那么具体是怎样来操作. 第一步是获得控件的引用: @property(weak,nonatomic)IBOutl ...
- [置顶] 分步实现具有分页功能的自定义DataList控件【附源代码】
一.控件也是类 [效果] [操作步骤] 1. 新建网站Web 2. 添加类CustomDataList.cs(系统会提示你把类建在App_Code文件夹中),代码如下: using System; ...
- asp.net学习之DataList控件
DataList控件与Repeater控件一样由模板驱动,与Repeater控件不同的是: DataList控件默认输出是一个HTML表格.DataList在输出时已经在相应的模板上套上了表格标签,而 ...
- 在DataList控件中删除数据记录
(一)在DataList控件中删除记录的设计要点 在DataList控件中删除数据记录的设计相对简单一点.该功能设计的重点在于当用户单击[删除]按钮时,程序如何判断要删除的是哪一行.使DataList ...
最新文章
- c++语言static作用,详解c++中的 static 关键字及作用
- Mysql学习笔记【原创】
- 设计模式学习—Strategy(策略)
- nltk英文词性标注
- Spring 3.1和Hibernate的持久层
- ruby hash方法_Ruby中带有示例的Hash.invert方法
- OpenStack-Mitaka 一键安装测试环境脚本
- 【C++】判断指定元素是否在vector中的若干种方法小结
- LoadRunner教程(15)-LoadRunner 初识Analysis
- 格林酒店2020年第三季度营收为2.67亿元,恢复至同期91.4%
- LPDDR4的训练(training)和校准(calibration)--ZQ校准(Calibration)
- python gpio 接口_树莓派GPIO接口常见的命令
- C# 从控件 sender 操作当前控件
- Python开发之路(5)— 使用HTTP获取天气情况
- 删除字符 (20分)
- Git ~ commit 规范
- 0.1元成本柿饼派实现红外控制空调了
- linux c语言 ppt,Linux下C语言编程.ppt
- gtk中使用glade
- 中国三大互联网中心:北京、上海、深圳,你 Pick 哪个?