图片轮播

<!--友情链接-->
        <div class="link clearfix">
            <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" style="white-space:nowrap;overflow:hidden;width:100%;margin-top:-75px;margin-bottom:55px;" onmouseover="aa()" onmouseout="b()" >
                                <c:forEach items="${links }" var="asl" >
                                     <c:if test="${asl.pictureAddress != null}"><a href="${asl.websiteUrl}" target="_blank"><img src="${dynamicDomain}${asl.pictureAddress}" style="height:48px; " /></a></c:if>
                                </c:forEach>
                            </div>  
                   </div>
            </div>
        </div>  
        <!--/友情链接-->    
    </div>
<script>
    function scroll(obj) {
        var tmp = (obj.scrollLeft)++;
        if (obj.scrollLeft==tmp) obj.innerHTML += obj.innerHTML;
        if (obj.scrollLeft>=obj.firstChild.offsetWidth) obj.scrollLeft=0;
    }
    if(!/^\s*$/.test($('#scrollobj').html())){
       var a =  setInterval("scroll(document.getElementById('scrollobj'))",20);
    }
    function aa(){
        clearInterval(a);
    }
    function b(){
        a=setInterval("scroll(document.getElementById('scrollobj'))",20);
    }
</script>