欢迎来到酷云建站平台,全网营销云系统加盟中心!

海量企业网站模板 · 任您选择

美出特色,精出品质,一切为了企业更好的营销

隐藏侧栏
Beta
转载

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

       滚动     2016-02-16     eycms     88     0    

<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>


--结束END--

本文链接: http://www.83703228.cn/resources/roll/1148.html (转载时请注明来源链接)

 
本文标签: 全部

下班PC阅读不方便?

手机也可以随时学习开发

微信关注公众号“酷云”
"酷云平台前端开发教学"
每日干货技术分享
 

×

成为 酷云平台 代理商!

关注

微信
关注

微信扫一扫
获取最新优惠信息

酷云平台公众号

客服

联系
客服

很高兴为您服务
尊敬的用户,欢迎您咨询,我们为新用户准备了优惠好礼。 咨询客服

联系客服:

在线QQ: 3206174

客服电话: 0516-83703228

售前咨询 售后服务
在线交谈 智能小云

工作时间:

周一至周五: 09:00 - 17:00

WAP

手机
访问

移动端访问
手机上也能选模板

酷云平台手机端