屏幕滚动效果

爪哇夜未眠

浏览: 29106 次
性别:
来自: 杭州

最近访客更多访客>>

forsecond

woodding2008

proMonkeyOfHL

luckywnj

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (24)

社区版块

存档分类

<div id="mar" style="height:100px;overflow:hidden;">
            <div id="mar1">
                <table style="margin-left:20px;height:100px;" border="0" cellpadding="0" cellspacing="0" >
                   <tr>
                           <td class="centent"
                                onClick="top.openWidgetTable('<s:text name="BPO.AGENT.MODULE.AFFICHE"/>', '<%=contextPath %>/agent/toBulletin.action','book_01.gif')">
                                <s:text name="BPO.TASK.AFFICHE.AFFI1"/></td>
                       </tr>
                       <tr>
                           <td class="centent"
                                onClick="top.openWidgetTable('<s:text name="BPO.AGENT.MODULE.AFFICHE"/>', '<%=contextPath %>/agent/toBulletin.action','book_01.gif')">
                                <s:text name="BPO.TASK.AFFICHE.AFFI2"/></td>
                       </tr>
                       <tr>
                           <td class="centent"
                                onClick="top.openWidgetTable('<s:text name="BPO.AGENT.MODULE.AFFICHE"/>', '<%=contextPath %>/agent/toBulletin.action','book_01.gif')">
                                <s:text name="BPO.TASK.AFFICHE.AFFI3"/></td>
                       </tr>
                       <tr>
                           <td class="centent"
                                onClick="top.openWidgetTable('<s:text name="BPO.AGENT.MODULE.AFFICHE"/>', '<%=contextPath %>/agent/toBulletin.action','book_01.gif')">
                                <s:text name="BPO.AGENT.OHTER.HOLIDAY"/></td>
                       </tr>
                    </table>
                    </div>
                    <div id="mar2">
                    <table style="margin-left:20px;height:100px;" border="0" cellpadding="0" cellspacing="0" >
                    </table>
                    </div>
                  </div>
<script language="javascript">
//滚动插件
var timer = 5000;
var speed = 10;
var marInter = null;
var marTimer = null;
var mar1Height = O("mar1").offsetHeight;
var count = 0;
var marguee = function()
{
    if (count >= 25)
    {
        count = 0;
        clearInterval(marInter);
        marTimer = setTimeout(function(){
            marInter = setInterval(marguee, speed);
        }, timer);
        return;
    }
    count++;
    var mar = O("mar");
    if (mar.scrollTop - mar1Height >= 0)
    {
        mar.scrollTop -= mar1Height - 1;
    }else
    {
        mar.scrollTop++;
    }

}

O("mar").onmouseover = function(){
    clearInterval(marInter);
    clearTimeout(marTimer);
}
O("mar").onmouseout = function(){
    marInter = setInterval(marguee, speed);
}

function initMarguee()
{
    O("mar2").innerHTML = O("mar1").innerHTML;
    marInter = setInterval(marguee, speed);
}

</script>

分享到：