图片轮播

来源：互联网发布：5年php程序员工资编辑：程序博客网时间：2024/05/21 10:25
<!--友情链接-->        <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>
0 0