marquee 循环显示数据库中的记录,一次显示一条
2017-07-07 16:14
501 查看
需要显示的list:
List<SysNotice> sysNoticeList = sysNoticeService.getAllNoticeList();
每一条都展示为一个a标签:
<div id=marqueeDiv>
<div id="marqueeA" style="display:none;">
<%for(int i=0;i<sysNoticeList.size();i++){
if(null != sysNoticeList.get(i).getTitle()){%>
<a href="#" style="display:inline-block; width:100%" onclick="getNoticeInfo('<%=sysNoticeList.get(i).getNoticeId()%>')"><%=sysNoticeList.get(i).getTitle()%> </a><input id="<%=sysNoticeList.get(i).getTitle()%>" type="hidden" value="<%=sysNoticeList.get(i).getTitle()%>">
<%}}%>
</div>
</div>
js 控制:
$(window).load(function() {
jump();
setInterval(jump, 13000);
});
var index = -1;
function jump() {
var marquee = $('<marquee scrollamount=6 loop="1" onMouseOut="start();" onMouseOver="stop();"></marquee>');
var len = $("#marqueeA").find("a").length;
if (index != len - 1) {
$('marquee').remove();
$("#marqueeA").find("a").eq(index + 1).clone().appendTo(
marquee);
marquee.appendTo('#marqueeDiv');
index++;
} else {
$('marquee').remove();
//初始化计数器
index = -1;
//最后一次setInterval循环的下一次,相当于初始化
jump();
}
}
List<SysNotice> sysNoticeList = sysNoticeService.getAllNoticeList();
每一条都展示为一个a标签:
<div id=marqueeDiv>
<div id="marqueeA" style="display:none;">
<%for(int i=0;i<sysNoticeList.size();i++){
if(null != sysNoticeList.get(i).getTitle()){%>
<a href="#" style="display:inline-block; width:100%" onclick="getNoticeInfo('<%=sysNoticeList.get(i).getNoticeId()%>')"><%=sysNoticeList.get(i).getTitle()%> </a><input id="<%=sysNoticeList.get(i).getTitle()%>" type="hidden" value="<%=sysNoticeList.get(i).getTitle()%>">
<%}}%>
</div>
</div>
js 控制:
$(window).load(function() {
jump();
setInterval(jump, 13000);
});
var index = -1;
function jump() {
var marquee = $('<marquee scrollamount=6 loop="1" onMouseOut="start();" onMouseOver="stop();"></marquee>');
var len = $("#marqueeA").find("a").length;
if (index != len - 1) {
$('marquee').remove();
$("#marqueeA").find("a").eq(index + 1).clone().appendTo(
marquee);
marquee.appendTo('#marqueeDiv');
index++;
} else {
$('marquee').remove();
//初始化计数器
index = -1;
//最后一次setInterval循环的下一次,相当于初始化
jump();
}
}
相关文章推荐
- 利用smarty,从数据库中循环输出每一条记录
- 添加一条记录后,重新绑定Repeater,为什么还是要延迟一次显示
- MVC同一页面循环显示数据库记录(答题/投票系统)
- 随机显示数据库一条记录
- 随机读取数据库中某一表的一条记录
- 好几条记录只是仓位及数量不同,其它内容都一样,现在要显示出一条来,仓位及数量用"/"分开
- using COALESCE() 分组结果显示成一条记录
- 随机显示数据库记录
- 基类、接口的应用——表单控件:一次添加、修改一条记录,一次修改多条记录。(上)
- 把数据库中的记录显示到下拉列表中
- ASP.NET随机显示数据库记录
- 批量替换数据库记录内容的一条SQL语句
- 读数据库技巧小谈(1)用移动X次记录指针预取来解决 每行显示X个记录,显示X行的方法(原创)
- 无限级分类(非递归算法/存储过程版/GUID主键)完整数据库示例_(4)显示记录
- 无限级分类(非递归算法/存储过程版/GUID主键)完整数据库示例_(4)显示记录
- 好几条记录只是仓位及数量不同,其它内容都一样,现在要显示出一条来,仓位及数量用"/"分开
- 分页显示从数据库中读出的记录
- VC++下借助DBGird控件显示数据库记录
- 随机显示数据库中的记录
- 从数据库中随机抽取一条记录的方法