实现datalist的走马灯效果(滚动)
来源:互联网 发布:淘宝助手哪里看 编辑:程序博客网 时间:2024/05/07 13:12
实现datalist的走马灯效果(滚动)
横向滚动
<table id=”Table1″ align=”center” style=”width: 650px; height: 100px” cellspacing=”0″
cellpadding=”0″ border=”0″>
<tr>
<td>
<div id=”demo” style=”overflow: hidden; width: 650px; height: 100px” align=”center”
designtimedragdrop=”134″>
<table>
<tr>
<td id=”demo1″ valign=”middle”>
<asp:DataList ID=”DataList1″ runat=”server” Width=”650px”
RepeatDirection=”Horizontal”>
<ItemTemplate>
<table id=”Table2″ cellspacing=”0″ cellpadding=”0″ width=”102″
border=”0″>
<tr>
<td>
<img src=’<%#DataBinder.Eval
(Container.DataItem,”tp”)%>’ border=”0″></td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
</td>
<td id=”demo2″ valign=”top”>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<script type=”text/javascript”>
var Picspeed=10; ///滚动速度 越小越快
demo2.innerHTML=demo1.innerHTML;
function Marquee1()
{
if(demo2.offsetWidth-demo.scrollLeft <=0)
demo.scrollLeft-=demo1.offsetWidth
else
{
demo.scrollLeft++
}
}
var MyMar1=setInterval(Marquee1,Picspeed);
demo.onmouseover=function(){clearInterval(MyMar1)}
demo.onmouseout=function(){MyMar1=setInterval(Marquee1,Picspeed)}
</script>
纵向滚动
<div id=”ldh”>
<div id=”newsBlock”>
<div style=”text-align:center” id=”subBlock”>
<asp:Repeater ID=”rptLdh” runat =”server” >
<ItemTemplate>
<div>
<img width=”175px” src=’/xiaofei/html/images/<%#Eval(”tp”) %>’>
</div>
</ItemTemplate>
</asp:Repeater>
</div>
</div>
<script>
var block = document.all["newsBlock"]
block.insertAdjacentHTML(”beforeEnd” , block.children[0].outerHTML)
block.runtimeStyle.overflow = “hidden”
setInterval(function()
{
block.scrollTop++
block.runtimeStyle.height = block.children[0].offsetHeight
if ((block.scrollTop + block.children[0].offsetHeight) == block.scrollHeight)
block.scrollTop = 1
},20)
</script>
</div>
- 实现datalist的走马灯效果(滚动)
- 实现datalist的走马灯效果
- Android走马灯滚动效果的实现
- android 实现文字自动滚动的走马灯效果。
- Marquee实现文字走马灯滚动效果
- 走马灯滚动效果
- 手机卫士学习06-自定义滚动的TextView实现走马灯效果
- Android textview和listview实现水平自动滚动的走马灯效果
- 利用Scrip实现走马灯效果[无缝连接、循环滚动]
- 利用Scrip实现走马灯效果[无缝连接、循环滚动]
- JavaScript实现走马灯效果[无缝连接、循环滚动]
- vue实现图片滚动(类似走马灯效果)
- TextView单行显示,文字左右滚动(走马灯效果)实现条件:
- 走马灯 (滚动字幕效果)
- 如何实现repeater的走马灯效果
- JS实现文字的走马灯效果
- 实现走马灯效果
- iOS实现走马灯效果
- 那些IT界伟大女性们,祝你们节日快乐!
- 面向 DBA 的 Linux Shell 脚本简介
- sss
- 可以自动产生black link的网站(号称) 至少可以让你被big G 收录
- 百度不更新网站快照与解决方法
- 实现datalist的走马灯效果(滚动)
- UIButton点击后,切换成另一张图片
- 装修
- SSL协议
- 弹出DIV遮盖整个页面
- 发第一篇文章...从今天开始充实这个博客
- IIS 500, 轻松搞定!
- Iframe之间及iframe与父窗体之间值的传递
- 摩尔定律