开启企业建站营销新时代、免费建站平台倡导者  站长学院  高端定制请点这里
热线:13913253836
您现在的位置:首页 > 站长学院 > 建站资讯 > 建站、设计教程 > 滚动

js可控制上下左右滚动效果

作者:eycms 日期:2016/2/16 17:57:37 人气:72

  

<HTML>

<HEAD>

<TITLE>测试表格内的滚动条</TITLE>

</HEAD>

<BODY>

<table>

  <tr>

    <td>表格内的滚动条:</td>

    <td>

      <div id="wins"

        style="position:absolute;height:200;width:200;overflow:auto;background:#EEEEEE;">

        <p>pppppppppppppppppppppppppppppppppppppppppppppppppp </p>

        <p>pppppppppppppppppppppppppppppppppppppppppppppppppp </p>

        <p>ppppppppppppppppppppppppp </p>

        <p>ppppppppppppppppppppppppp </p>

        <p>ppppppppppppppppppppppppp </p>

        <p>ppppppppppppppppppppppppp </p>

        <p>ppppppppppppppppppppppppp </p>

        <p>ppppppppppppppppppppppppp </p>

        <p>ppppppppppppppppppppppppp </p>

        <p>ppppppppppppppppppppppppp </p>

        <p>ppppppppppppppppppppppppp </p>

        <p>ppppppppppppppppppppppppp </p>

      </div>

    </td>

  </tr>

  <tr>

    <td colspan="2" align="right">

      <span onmouseover='scrollb=setInterval("wins.scrollLeft-=10",100)'

                 onmouseout=clearInterval(scrollb)>向左</span>

            <span onmouseover='scrollb=setInterval("wins.scrollTop-=10",100)'

                        onmouseout=clearInterval(scrollb)>向上</span>

      <span onmouseover='scrollb=setInterval("wins.scrollLeft+=10",100)'

                 onmouseout=clearInterval(scrollb)>向右</span>

      <span onmouseover='scrollb=setInterval("wins.scrollTop+=10",100)'

                 onmouseout=clearInterval(scrollb)>向下</span>

    </td>

  </tr>

</table>

</BODY>

</HTML></td>

 </tr>

</table>


回到顶部