标题: javascript 不错的向上连续滚动效果（兼容浏览器） [打印本页]

---

作者: fangzhen    时间: 2010-9-26 13:25     标题: javascript 不错的向上连续滚动效果（兼容浏览器）

<div style="height:125px; overflow:hidden; width:251px;"  id="bbs_3d">
   <table class="tab-panel">
    <tbody>

        <tr class="tr1">
            <td class="td1"><span class="idx">1</span></td>
            <td class="td2"><a>repair</a></td>
            <td class="td4"><span class="money" style="FONT-WEIGHT: bold">11760元</span></td>
        </tr>
        <tr class="tr1">
            <td class="td1"><span class="idx">2</span></td>
            <td class="td2"><a>limorning</a></td>
            <td class="td4"><span class="money" style="FONT-WEIGHT: bold">9800元</span></td>
        </tr>
        <tr class="tr1">
            <td class="td1"><span class="idx">3</span></td>
            <td class="td2"><a>快活林aa</a></td>
            <td class="td4"><span class="money" style="FONT-WEIGHT: bold">4080元</span></td>
        </tr>
        <tr class="tr1">
            <td class="td1"><span class="idx">4</span></td>
            <td class="td2"><a>通州彩盟</a></td>
            <td class="td4"><span class="money" style="FONT-WEIGHT: bold">2352元</span></td>
        </tr>
        <tr class="tr1">
            <td class="td1"><span class="idx">5</span></td>
            <td class="td2"><a>hujiehelou</a></td>
            <td class="td4"><span class="money" style="FONT-WEIGHT: bold">1300元</span></td>
        </tr>
        <tr class="tr1">
            <td class="td1"><span class="idx">6</span></td>
            <td class="td2"><a>蛇胆酒</a></td>
            <td class="td4"><span class="money" style="FONT-WEIGHT: bold">192元</span></td>
        </tr>
        <tr class="tr1">
            <td class="td1"><span class="idx">7</span></td>
            <td class="td2"><a>hhrj2008</a></td>
            <td class="td4"><span class="money" style="FONT-WEIGHT: bold">160元</span></td>
        </tr>
        <tr class="tr1">
            <td class="td1"><span class="idx">8</span></td>
            <td class="td2"><a>抚顺小朴</a></td>
            <td class="td4"><span class="money" style="FONT-WEIGHT: bold">160元</span></td>
        </tr>
        <tr class="tr1">
            <td class="td1"><span class="idx">9</span></td>
            <td class="td2"><a>powermetal</a></td>
            <td class="td4"><span class="money" style="FONT-WEIGHT: bold">75元</span></td>
        </tr>
        <tr class="tr1">
            <td class="td1"><span class="idx">10</span></td>
            <td class="td2"><a>手心里的海</a></td>
            <td class="td4"><span class="money" style="FONT-WEIGHT: bold">45元</span></td>
        </tr>
    </tbody>
</table>   
</div>

<script>
var box=document.getElementById("bbs_3d"),can=true;
box.innerHTML+=box.innerHTML;
box.onmouseover=function(){can=false};
box.onmouseout=function(){can=true};
new function (){
var stop=box.scrollTop%125==0&&!can;
if(!stop)box.scrollTop==parseInt(box.scrollHeight/2)?box.scrollTop=0:box.scrollTop++;
setTimeout(arguments.callee,box.scrollTop%125?10:3000);
};
</script>

---

欢迎光临 PHP开发笔记 (http://phpvi.com/)

Powered by Discuz! 6.1.0