文墨网吧 关注:175贴子:6,559
  • 1回复贴,共1

【网站代码专帖】把做网站时使用的"效果代码集"放到这,便于使用

只看楼主收藏回复



IP属地:河北1楼2014-10-28 22:11回复
    实现滚动字幕的连续显示的代码:
    <marquee></marquee>是走马灯标记,但滚动过程中总是文字末端完全走出显示区后,才开始出现顶端文字,总要有一段空地儿无内容可显示,利用jsp对div内的table操作,能达到滚动字幕不间断的目的。
    <!------------------ 向上滚动代码开始 ------------------------
    demoTop,显示区;demoTop1,滚动区顶;demoTop,滚动区底
    -->
    <div id=demoTop style="overflow:hidden;height:200;width:118;color:#ffffff">
    <table align=left cellpadding=0 cellspacing=0 border=0>
    <tr>
    <td id=demoTop1 valign=top>此处为显示内容</td>
    </tr>
    <tr><td id=demoTop2 valign=top></td></tr>
    </table>
    </div>
    <!-- 放在最底部 -->
    <script type="text/javascript">
    var speed_Top=30
    demoTop2.innerHTML=demoTop1.innerHTML
    function Marquee_Top(){
    if(demoTop2.offsetHeight-demoTop.scrollTop<=0)
    demoTop.scrollTop-=demoTop1.offsetHeight
    else{
    demoTop.scrollTop++
    }
    }
    var MyMar_Top=setInterval(Marquee_Top,speed_Top)
    demoTop.onmouseover=function() {clearInterval(MyMar_Top)}
    demoTop.onmouseout=function() {MyMar_Top=setInterval(Marquee_Top,speed_Top)}
    </script>


    IP属地:河北本楼含有高级字体2楼2014-10-28 22:26
    回复