用javascript实现动态浏览DataList中的内容
2010-08-10 17:52
239 查看
<div id="show" style="overflow: hidden; height: 122px;">
<asp:DataList ID="DataList1" runat="server" OnItemDataBound="DataList1_ItemDataBound"
Width="100%">
<ItemTemplate>
<table cellspacing="0" cellpadding="4" width="100%" border="0">
<tbody>
<tr>
<td class="black" style="width: 9%;">
<img src="images/LogImg6/images/qqlist2.gif" algin="middle" />
</td>
<td style="width: 66%;" valign="middle">
<a href="#" onclick="showWindow('news.aspx?topics=<%#Server.UrlEncode(Eval("topic").ToString()) %>&content=<%#Server.UrlEncode(Eval("content").ToString()) %>',300,500)">
<asp:Label ID="_lblContentnews" runat="server" Text='<%#Eval("topic") %>'></asp:Label></a>
</td>
<td>
<asp:Label ID="_lblNewsDate" runat="server" Text='<%#((DateTime)Eval("dates")).ToShortDateString() %>'></asp:Label>
</td>
</tr>
</tbody>
</table>
</ItemTemplate>
</asp:DataList>
</div>
<script type="text/javascript">
function startmarquee(lh, speed, delay) {
var t;
var oHeight = 122;
var p = false;
var o = document.getElementById("show");
var preTop = 0;
o.scrollTop = 0;
function start() {
t = setInterval(scrolling, speed);
o.scrollTop += 1;
}
function scrolling() {
if (o.scrollTop % lh != 0 && o.scrollTop % (o.scrollHeight - oHeight - 1) != 0) {
preTop = o.scrollTop;
o.scrollTop += 1;
if (preTop >= o.scrollHeight || preTop == o.scrollTop) {
o.scrollTop = 0;
}
} else {
clearInterval(t);
setTimeout(start, delay);
}
}
setTimeout(start, delay);
}
var isgun = "<%=count%>";
if(isgun>5)
startmarquee(25, 20, 1500);
</script>
<asp:DataList ID="DataList1" runat="server" OnItemDataBound="DataList1_ItemDataBound"
Width="100%">
<ItemTemplate>
<table cellspacing="0" cellpadding="4" width="100%" border="0">
<tbody>
<tr>
<td class="black" style="width: 9%;">
<img src="images/LogImg6/images/qqlist2.gif" algin="middle" />
</td>
<td style="width: 66%;" valign="middle">
<a href="#" onclick="showWindow('news.aspx?topics=<%#Server.UrlEncode(Eval("topic").ToString()) %>&content=<%#Server.UrlEncode(Eval("content").ToString()) %>',300,500)">
<asp:Label ID="_lblContentnews" runat="server" Text='<%#Eval("topic") %>'></asp:Label></a>
</td>
<td>
<asp:Label ID="_lblNewsDate" runat="server" Text='<%#((DateTime)Eval("dates")).ToShortDateString() %>'></asp:Label>
</td>
</tr>
</tbody>
</table>
</ItemTemplate>
</asp:DataList>
</div>
<script type="text/javascript">
function startmarquee(lh, speed, delay) {
var t;
var oHeight = 122;
var p = false;
var o = document.getElementById("show");
var preTop = 0;
o.scrollTop = 0;
function start() {
t = setInterval(scrolling, speed);
o.scrollTop += 1;
}
function scrolling() {
if (o.scrollTop % lh != 0 && o.scrollTop % (o.scrollHeight - oHeight - 1) != 0) {
preTop = o.scrollTop;
o.scrollTop += 1;
if (preTop >= o.scrollHeight || preTop == o.scrollTop) {
o.scrollTop = 0;
}
} else {
clearInterval(t);
setTimeout(start, delay);
}
}
setTimeout(start, delay);
}
var isgun = "<%=count%>";
if(isgun>5)
startmarquee(25, 20, 1500);
</script>
相关文章推荐
- JavaScript基于Ajax实现不刷新在网页上动态显示文件内容
- javascript实现动态添加内容与删除内容
- 利用javascript中innerhtml实现当页动态生成内容
- javascript实现两个select选择框内容动态绑定
- javascript实现动态添加内容
- 原生JavaScript实现动态省市县三级联动下拉框菜单实例代码
- Android控件笔记——实现动态自动匹配输入的内容
- javascript实现动态增加删除表格行(兼容IE/FF)
- JavaScript实现动态增加文件域表单
- javascript实现修改微信分享的标题内容等
- ASP+XML+JavaScript实现动态无限级联动菜单
- jQuery+PHP实现浏览更多内容
- python解析网页中javascript动态添加的内容(一)
- 用JS实现页内动态切换DIV的内容
- JavaScript使网页显示动态效果并实现与用户交互功能。
- javascript将table的td变为可编辑的input,实现表格动态编辑
- Android 表格控件-动态实现表格效果(内容、样式可扩展)
- JQuery实现页面随滚动条滚动而动态加载内容的效果
- 动态表单(javascript实现)
- Javascript实现4种--弹出确认_取消框,和刷新页面清楚 输入框中之前输入的内容