js实现无缝隙滚动
来源:互联网 发布:python科学计算库 编辑:程序博客网 时间:2024/04/30 09:37
<div id="Ademo" style="overflow:hidden; width:775px; height:164px;">
<table>
<TBODY><TR>
<TD id="Ademo1">
<asp:DataList ID="DataList21" runat="server" RepeatDirection="Horizontal" RepeatColumns="12" Width="722px">
<ItemTemplate>
<div style="text-align: center">
<table border="0" cellpadding="0" cellspacing="0" style="width: 125px;">
<tr>
<td style="width: 100px;" align="center">
<a href='<%#Eval("Piimgcontent") %>' rel="lightbox" title="">
<asp:Image ID="Image1" style="BORDER-RIGHT: #acaaac 1px solid; BORDER-TOP: #acaaac 1px solid; BORDER-LEFT: #acaaac 1px solid; BORDER-BOTTOM: #acaaac 1px solid" width="150px" height="100px" runat="server" ImageUrl='<%# Eval("Piimgsmall") %>'/></a>
</td>
</tr>
<tr>
<td style="width: 100px;" align="center">
<asp:LinkButton ID="LinkButton1" runat="server" CommandName='<%# Eval("Ptid") %>'
CssClass="hei12" ForeColor="Black" OnCommand="LinkButton1_Command" Text='<%# Eval("Ptid") %>'></asp:LinkButton>
</td>
</tr>
</table>
</div>
</ItemTemplate>
</asp:DataList>
</TD>
<TD id="Ademo2"></TD>
</TR></TBODY>
</table>
</div>
<script type="text/javascript">
//======无缝滚动================
var Aspeed=20
document.getElementById("Ademo2").innerHTML=document.getElementById("Ademo1").innerHTML
function AMarquee(){
if(document.getElementById("Ademo2").offsetWidth-document.getElementById("Ademo").scrollLeft<=0)
document.getElementById("Ademo").scrollLeft-=document.getElementById("Ademo1").offsetWidth
else
document.getElementById("Ademo").scrollLeft++;
}
var AMyMar=setInterval(AMarquee,Aspeed)
document.getElementById("Ademo").onmouseover=function(){clearInterval(AMyMar)}
document.getElementById("Ademo").onmouseout=function(){AMyMar=setInterval(AMarquee,Aspeed)}
//======无缝滚动================
</script>
- Js实现无缝隙滚动
- js实现无缝隙滚动
- js无缝隙滚动
- js 实现无缝隙滚动,绝对兼容
- 利用JS 实现图片无缝隙的滚动
- Js实现上下左右无缝隙滚动代码 一
- Js实现上下左右无缝隙滚动代码 二
- 无缝隙滚动
- js + div 实现无缝隙滚动效果,从右向左循环显示
- 纵向无缝隙滚动显示JS控制代码
- 纵向无缝隙滚动显示JS控制代码
- 纵向无缝隙滚动显示JS控制代码
- JS无缝隙轮播图
- jq实现无缝隙轮播
- 图片无间断滚动JS实现代码
- js实现列表无间隙循环滚动
- 无缝隙跑马灯
- 图片无缝隙循环
- VC++中使用,安装及部署水晶报表的方法
- Weka一些基础内容
- 初始化是检测浏览器的类型
- 教大家建立一个别人既无法进入又无法删除的文件夹
- 如何把一个array复制到arrayList里?
- js实现无缝隙滚动
- 空工作目标
- 链接不停变换颜色
- OpenCascade学习笔记-创建一个简单的OpenCascade单文档
- JSP/Servlet转发与重定向的区别
- Files and prefernces
- AIR学习教程(一)
- JavaScript Option处理
- 毕业了