marquee 循环显示数据库中的记录,一次显示一条

来源:互联网 发布:sql查询平均分大于80 编辑:程序博客网 时间:2024/06/13 10:30

需要显示的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();
    }
}




原创粉丝点击