可控的縱向圖片滾動_圖片特效特效

縱向的圖片滾動，上下各有控制按鈕，點擊圖片框內的圖片就可以向上或向下滾動，滾動步升請根據你的網頁布局和其它要求自行修改。

<title>可控的縱向圖片滾動</title>
<script>
function up(){
var iup=demo.scrollTop;
var iup1=demo.scrollTop;
while (iup>iup1-210) {
iup=iup-5;
demo.scrollTop=iup;
}}
function down(){
var iup=demo.scrollTop;
var iup1=demo.scrollTop;
while (iup<iup1+210) {
iup=iup+5;
demo.scrollTop=iup;
}}
</script>
<style type="text/css">

</style>
<div   id="llrfjjz"   class="hpworktext">
  <div   id="z5hzftj"   class="" style="cursor:pointer" onclick="up()">向上</div>
    <div   class="75v55ll"   id=demo style=" overflow:hidden; height:210px; width:100%; margin:auto; overflow: scroll; overflow-x:hidden;">
      <div   id="5ltxz5n"   class="hpworkimg">1</div>
      <div   id="bl5tjxv"   class="hpworkimg">2</div>
      <div   id="bbjbx7t"   class="hpworkimg">3</div>
      <div   id="55tz75x"   class="hpworkimg">4</div>
      <div   id="7djpztx"   class="hpworkimg">5</div>
      <div   id="7bvxljv"   class="hpworkimg">6</div>
      <div   id="bb5zd5b"   class="hpworkimg">11</div>
      <div   id="j7ldj5x"   class="hpworkimg">12</div>
      <div   id="h7rjptj"   class="hpworkimg">13</div>
      <div   id="vhlnr7d"   class="hpworkimg">14</div>
      <div   id="55l5n5p"   class="hpworkimg">15</div>
      <div   id="tfnrvtf"   class="hpworkimg">16</div>
      <div   id="7vpdrpr"   class="hpworkimg">21</div>
      <div   id="7tlvhxj"   class="hpworkimg">22</div>
    </div>
  <div   id="75rlfft"   class="" style="cursor:pointer" onclick="down()">向下</div>
  </div>

所屬頻道：圖片特效特效/更新時間：2012-11-28

[收藏][報錯][返回列表]

相關圖片特效特效：

欧美三区四区_av先锋影音资源站_亚洲第一论坛sis_影音先锋2020色资源网_亚洲精品社区_在线免费观看av网站_国产一区二区伦理_亚洲欧美视频一区二区_99视频精品全部免费在线_精精国产xxxx视频在线

可控的縱向圖片滾動_圖片特效特效

圖片特效特效Rss訂閱特效代碼搜索

圖片特效特效推薦

猜你也喜歡看這些