动态轮播效果

<div class="link clearfix" style="margin-top: -40px;">
            <div class="indexTitle">
                <h3 class="tit_icon6">友情链接</h3>
            </div>
            <div class="form-group" style="line-height:65px;">
                <div class="col-sm-12">
                    <marquee behavior="scroll" contenteditable="true" onstart="this.firstChild.innerHTML+=this.firstChild.innerHTML;" scrollamount="3" width="100"><span unselectable="on"></span></marquee>
                        <div id="scrollobj" onmouseover="aa()" onmouseout="b()" style="white-space:nowrap;overflow:hidden;width:100%;margin-top:-65px;margin-bottom:-33px;">
                            <c:forEach items="${links }" var="asl" >
                                 <c:if test="${asl.pictureAddress!= null}"><a href="${asl.websiteUrl}" target="_blank"><img id="linkImg" style="height:48px;" src="${dynamicDomain}${asl.pictureAddress}"/></a></c:if>
                            </c:forEach>
                        </div>  
               </div>
            </div>
        </div>  
        <!--/友情链接-->    
    </div>

<script type="text/javascript">
function scroll(obj) {
    var tmp = (obj.scrollLeft)++;
    if (obj.scrollLeft==tmp) obj.innerHTML += obj.innerHTML;
    if (obj.scrollLeft>=obj.firstChild.offsetWidth) obj.scrollLeft=0;
}
function aa(){
    clearInterval(a);
}
function b(){
    a=setInterval("scroll(document.getElementById('scrollobj'))",20);
}
if(!/^\s*$/.test($('#scrollobj').html())){
 var a = setInterval("scroll(document.getElementById('scrollobj'))",20);
}
 </script>