jsp页面框中实现数据滚动形式

1.js代码  引用的txt_scroll.js，其中txt_scroll.js的代码是下面的

// JavaScript Document

var wb_speed=80

var wb_items2=document.getElementById("demo2");

var wb_items1=document.getElementById("demo1");

var wb_items=document.getElementById("demo");

var nnn=200/wb_items1.offsetHeight;

for(i=0;i<nnn;i++){wb_items1.innerHTML+= wb_items1.innerHTML}

wb_items2.innerHTML = wb_items1.innerHTML    

function Marquee(){

    if(wb_items2.offsetTop-wb_items.scrollTop<=0)    

        wb_items.scrollTop-=wb_items1.offsetHeight    

    else{

        wb_items.scrollTop++    

    }

}

var wb_myMar=setInterval(Marquee,wb_speed)

wb_items.onmouseover=function() {clearInterval(wb_myMar);}

wb_items.onmouseout=function() {wb_myMar=setInterval(Marquee,wb_speed);}

2.jsp页面代码

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%@ include file="/page/common/taglibs.jsp"%>

<div class="txtb-tit yellow-tit">

           <span class="tit-more"><a href="#"><!-- 更多> --></a></span>

           <h2>认证 <%-- &nbsp;&nbsp;已认证用户数：${result.totalNum}个 --%></h2>

          </div>

          <div id="demo" class="txtright-box">

                  <ul id="demo1">

                  <c:if test="${result.totalNum >0}">

                   <script style="text/javascript" src="${ctx }/res/js/txt_scroll.js"></script>

                    <c:forEach items="${result.queryList}" var="res">

                     <li title="用户:<c:if test='${not empty res.accountName}'>${fn:replace(res.accountName + '1',fn:substring(res.accountName + '1',7,12),'****')} </c:if>，您已经通过了实名认证<c:if test='${not empty res.belongArea}'>（${res.belongArea}）</c:if><fmt:formatDate value='${res.authTime}' pattern='yyyy-MM-dd'/>">

                     <a href="javascript:void(0);">用户：

                      <%-- <c:if test="${not empty res.mobilePhone}">

                       ${fn:replace(res.mobilePhone + '1',fn:substring(res.mobilePhone + '1',7,12),"****")}

                      </c:if> --%>

                      <%-- <c:if test="${not empty res.linkMobile1}">

                        ${fn:replace(res.linkMobile1 + '1',fn:substring(res.linkMobile1 + '1',7,12),"****")}

                      </c:if> --%>

                       <c:if test="${not empty res.accountName}">

                        ${fn:replace(res.accountName + '1',fn:substring(res.accountName + '1',7,12),"****")}

                      </c:if>

                      ，您已经通过了实名认证

                      <c:if test="${not empty res.belongArea}">

                       （${res.belongArea}）

                      </c:if>

                      <fmt:formatDate value="${res.authTime}" pattern="yyyy-MM-dd"/></a></li>

                    </c:forEach>

                   </c:if>

                  </ul>

                  <ul id="demo2"></ul>

</div>

<div class="linfo-page" style="display:none;">

       <page:page queryFunction="queryAutheds()" queryObject="${result}" formId="home_auth_form"></page:page>                  

</div>

1.js代码  引用的txt_scroll.js，其中txt_scroll.js的代码是下面的

// JavaScript Document

var wb_speed=80

var wb_items2=document.getElementById("demo2");

var wb_items1=document.getElementById("demo1");

var wb_items=document.getElementById("demo");

var nnn=200/wb_items1.offsetHeight;

for(i=0;i<nnn;i++){wb_items1.innerHTML+= wb_items1.innerHTML}

wb_items2.innerHTML = wb_items1.innerHTML    

function Marquee(){

    if(wb_items2.offsetTop-wb_items.scrollTop<=0)    

        wb_items.scrollTop-=wb_items1.offsetHeight    

    else{

        wb_items.scrollTop++    

    }

}

var wb_myMar=setInterval(Marquee,wb_speed)

wb_items.onmouseover=function() {clearInterval(wb_myMar);}

wb_items.onmouseout=function() {wb_myMar=setInterval(Marquee,wb_speed);}

2.jsp页面代码

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%@ include file="/page/common/taglibs.jsp"%>

<div class="txtb-tit yellow-tit">

           <span class="tit-more"><a href="#"><!-- 更多> --></a></span>

           <h2>认证 <%-- &nbsp;&nbsp;已认证用户数：${result.totalNum}个 --%></h2>

          </div>

          <div id="demo" class="txtright-box">

                  <ul id="demo1">

                  <c:if test="${result.totalNum >0}">

                   <script style="text/javascript" src="${ctx }/res/js/txt_scroll.js"></script>

                    <c:forEach items="${result.queryList}" var="res">

                     <li title="用户:<c:if test='${not empty res.accountName}'>${fn:replace(res.accountName + '1',fn:substring(res.accountName + '1',7,12),'****')} </c:if>，您已经通过了实名认证<c:if test='${not empty res.belongArea}'>（${res.belongArea}）</c:if><fmt:formatDate value='${res.authTime}' pattern='yyyy-MM-dd'/>">

                     <a href="javascript:void(0);">用户：

                      <%-- <c:if test="${not empty res.mobilePhone}">

                       ${fn:replace(res.mobilePhone + '1',fn:substring(res.mobilePhone + '1',7,12),"****")}

                      </c:if> --%>

                      <%-- <c:if test="${not empty res.linkMobile1}">

                        ${fn:replace(res.linkMobile1 + '1',fn:substring(res.linkMobile1 + '1',7,12),"****")}

                      </c:if> --%>

                       <c:if test="${not empty res.accountName}">

                        ${fn:replace(res.accountName + '1',fn:substring(res.accountName + '1',7,12),"****")}

                      </c:if>

                      ，您已经通过了实名认证

                      <c:if test="${not empty res.belongArea}">

                       （${res.belongArea}）

                      </c:if>

                      <fmt:formatDate value="${res.authTime}" pattern="yyyy-MM-dd"/></a></li>

                    </c:forEach>

                   </c:if>

                  </ul>

                  <ul id="demo2"></ul>

</div>

<div class="linfo-page" style="display:none;">

       <page:page queryFunction="queryAutheds()" queryObject="${result}" formId="home_auth_form"></page:page>                  

</div>