图片的连续流动
来源:互联网 发布:matlab求数组长度 编辑:程序博客网 时间:2024/04/30 12:44
<table border="0" cellpadding="0" cellspacing="0" style="width: 982px; height: 171px">
<tr>
<td rowspan="3" style="width: 363px; height: 204px">
</td>
<td rowspan="3" style="width: 2647px; height: 204px; text-align: left" valign="top">
<table border="0" cellpadding="0" cellspacing="0" style="width: 995px; text-align: center">
<tr>
<td style="height: 174px">
<div id="demo" style="margin-top: 0px; overflow: hidden; width: 995px; height: 171px">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="demo1">
<table border="0" cellpadding="0" cellspacing="0" style="width: 995px; height: 171px;text-align: center">
<tr>
<td style="width: 964px; height: 171px">
<asp:DataList ID="DataListImage" runat="server" RepeatColumns="5" Width="800px">
<ItemTemplate>
<table border="0" cellpadding="0" cellspacing="0" style="width: 195px; height: 38px">
<tr>
<td align="center" valign="middle">
<a href='Picture.aspx?articleId=<%#Eval("ArticleId") %>'>
<img alt="images" src='<%#Eval("TitleImg") %>' style="width: 166px; height: 126px;" /></a></td>
</tr>
<tr>
<td align="center" valign="middle">
<a href='Picture.aspx?articleId=<%#Eval("ArticleId") %>'>
<%#Eval("Title").ToString().Substring(0, 7)%>
<tr>
<td rowspan="3" style="width: 363px; height: 204px">
</td>
<td rowspan="3" style="width: 2647px; height: 204px; text-align: left" valign="top">
<table border="0" cellpadding="0" cellspacing="0" style="width: 995px; text-align: center">
<tr>
<td style="height: 174px">
<div id="demo" style="margin-top: 0px; overflow: hidden; width: 995px; height: 171px">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="demo1">
<table border="0" cellpadding="0" cellspacing="0" style="width: 995px; height: 171px;text-align: center">
<tr>
<td style="width: 964px; height: 171px">
<asp:DataList ID="DataListImage" runat="server" RepeatColumns="5" Width="800px">
<ItemTemplate>
<table border="0" cellpadding="0" cellspacing="0" style="width: 195px; height: 38px">
<tr>
<td align="center" valign="middle">
<a href='Picture.aspx?articleId=<%#Eval("ArticleId") %>'>
<img alt="images" src='<%#Eval("TitleImg") %>' style="width: 166px; height: 126px;" /></a></td>
</tr>
<tr>
<td align="center" valign="middle">
<a href='Picture.aspx?articleId=<%#Eval("ArticleId") %>'>
<%#Eval("Title").ToString().Substring(0, 7)%>
</a>
</td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
</td>
</tr>
</table>
</td>
<td id="demo2">
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
</td>
</tr>
</table>
</td>
<td id="demo2">
</td>
</tr>
</table>
</div>
<script language="javascript" type="text/javascript">
//demo:最外层的div
//demo1:第一个td
//demo2:同行的第二个td
var speed=10//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML //设置两个一样的单元格(TD),一行两列
function Marquee()
{
if(demo2.offsetWidth-demo.scrollLeft<=0) //第二个单元格左侧已经到达div的左侧
{
demo.scrollLeft-=demo1.offsetWidth //重置
}
else
{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
//demo:最外层的div
//demo1:第一个td
//demo2:同行的第二个td
var speed=10//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML //设置两个一样的单元格(TD),一行两列
function Marquee()
{
if(demo2.offsetWidth-demo.scrollLeft<=0) //第二个单元格左侧已经到达div的左侧
{
demo.scrollLeft-=demo1.offsetWidth //重置
}
else
{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
</td>
</tr>
</table>
</td>
<td rowspan="3" style="width: 88px; height: 204px">
</td>
</tr>
</table>
<div style="text-align: center">
</div>
</div>
</div>
</div>
</td>
</tr>
</table>
</tr>
</table>
</td>
<td rowspan="3" style="width: 88px; height: 204px">
</td>
</tr>
</table>
<div style="text-align: center">
</div>
</div>
</div>
</div>
</td>
</tr>
</table>
- 图片的连续流动
- 底纹图片流动 算法
- unity 实现图片滚动效果(流动的水体)
- 图片的连续滚动
- html+css实现图片流动
- 连续图片的的移动
- 流动字的代码
- 感觉程序的流动
- MFC的消息流动
- 流动的紫禁城
- 流动的推荐系统
- 流动的推荐系统
- 真正的连续滚动图片
- 真正的连续滚动图片
- js显示原图+图片放大+图片流动
- 流动
- 图片流动效果实现(代码)
- 流动布局生成无限制图片加载
- 侦听xianchen
- 事件代码
- C#多线程学习(一) 多线程的相关概念
- 正则表达式
- java编程规范
- 图片的连续流动
- RecordStore的三种操作用法
- Java
- Runtime.getRuntime().addShutdownHook()的使用
- 程序员能力矩阵
- Eric Raymond:几种计算机语言的评价
- 新的开始
- 浙版西游记演员表
- JMS简明教程