动感超强的JS图片轮换特效

</p> <p><title><a href="https://www.kunjuke.com/tag/108716/" title="动感" target="_blank">动感</a>超强的<a href="https://www.kunjuke.com/tag/479/" title="js" target="_blank">js</a><a href="https://www.kunjuke.com/tag/131/" title="图片" target="_blank">图片</a><a href="https://www.kunjuke.com/tag/771/" title="特效" target="_blank">特效</a>_</title> </p> <p>* { margin:0; padding:0; }<br /> body {<br /> margin:5px auto;<br /> text-align:center;<br /> background:#f0f0f0;<br /> }<br /> img { margin:0; border:0; padding:0; }<br /> #elore {<br /> position:relative;<br /> margin:0 auto;<br /> width:800px; height:339px;<br /> }<br /> #elore_wrap {<br /> position:relative;<br /> margin:0 auto;<br /> overflow:hidden;<br /> width:800px; height:339px;<br /> background:#369;<br /> }<br /> #elore .elore_img {<br /> position:absolute; top:0;<br /> width:120px; height:339px;<br /> overflow:hidden;<br /> font-size:50px;<br /> line-height:340px;<br /> }<br /> #elore .elore_out {<br /> position:absolute; top:0;<br /> width:120px; height:339px;<br /> overflow:hidden;<br /> font-size:10px;<br /> line-height:340px;<br /> } </p> <p> loading... </p> <p>//<[cdata[<br /> var elore_wrap = document.getelementbyid('elore_wrap');<br /> var aimg = new array('//www.jb51.net/upload/112_jpg_thumb.jpg','//www.jb51.net/upload/123_jpg_thumb.jpg','//www.jb51.net/upload/112_jpg_thumb.jpg', '//www.jb51.net/upload/123_jpg_thumb.jpg');<br /> var iimg = 0;<br /> var ia = 0;<br /> window.onload = function() {<br /> elore_created();<br /> }<br /> function elore_created() {<br /> if (iimg==10) {<br /> elore_wrap.innerhtml = '';<br /> iimg = 0;<br /> }<br /> if (iimg==0) {<br /> elore_wrap.innerhtml += 'h\n';<br /> }<br /> /*<br /> var sdiv = '' + iimg++ + '\n';<br /> elore_wrap.innerhtml += sdiv;<br /> */<br /> var odiv = document.createelement('div');<br /> odiv.classname = 'elore_img';<br /> odiv.style.right = iimg*80 +'px';<br /> odiv.style.background = 'url(' + aimg[ia] + ') -720px top no-repeat';<br /> //odiv.appendchild(document.createtextnode(iimg));<br /> elore_wrap.appendchild(odiv);<br /> iimg++;<br /> elore_move();<br /> }<br /> function elore_move(){<br /> var odiv = elore_wrap.getelementsbytagname('div');<br /> for (var i=1; i<odiv.length; i++) {<br /> var ibgpx = parseint(odiv[i].style.backgroundposition);<br /> if (ibgpx<i*80-760) {<br /> var imovepx = math.floor((760-i*80+ibgpx)/15);<br /> odiv[i].style.backgroundposition = ibgpx - imovepx + 'px top';<br /> } else {<br /> odiv[i].style.backgroundposition = '-' + (760- i*80) + 'px top';<br /> }<br /> }<br /> if (iimg<10) {<br /> settimeout('elore_created()','50');<br /> } else if (parseint(odiv[10].style.backgroundposition) </p> <p>
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]