可控的縱向圖片滾動(dòng)_圖片特效特效

縱向的圖片滾動(dòng)，上下各有控制按鈕，點(diǎn)擊圖片框內(nèi)的圖片就可以向上或向下滾動(dòng)，滾動(dòng)步升請根據(jù)你的網(wǎng)頁布局和其它要求自行修改。

<title>可控的縱向圖片滾動(dòng)</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="znjbzjn"   class="hpworktext">
  <div   id="znjbzjn"   class="" style="cursor:pointer" onclick="up()">向上</div>
    <div   class="znjbzjn"   id=demo style=" overflow:hidden; height:210px; width:100%; margin:auto; overflow: scroll; overflow-x:hidden;">
      <div   id="znjbzjn"   class="hpworkimg">1</div>
      <div   id="znjbzjn"   class="hpworkimg">2</div>
      <div   id="znjbzjn"   class="hpworkimg">3</div>
      <div   id="znjbzjn"   class="hpworkimg">4</div>
      <div   id="znjbzjn"   class="hpworkimg">5</div>
      <div   id="znjbzjn"   class="hpworkimg">6</div>
      <div   id="znjbzjn"   class="hpworkimg">11</div>
      <div   id="znjbzjn"   class="hpworkimg">12</div>
      <div   id="znjbzjn"   class="hpworkimg">13</div>
      <div   id="znjbzjn"   class="hpworkimg">14</div>
      <div   id="znjbzjn"   class="hpworkimg">15</div>
      <div   id="znjbzjn"   class="hpworkimg">16</div>
      <div   id="znjbzjn"   class="hpworkimg">21</div>
      <div   id="znjbzjn"   class="hpworkimg">22</div>
    </div>
  <div   id="znjbzjn"   class="" style="cursor:pointer" onclick="down()">向下</div>
  </div>

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

[收藏][報(bào)錯(cuò)][返回列表]

相關(guān)圖片特效特效：

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

圖片特效特效推薦

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁鏈接| 搜索可控的縱向圖片滾動(dòng)
特效說明：
圖片特效模板-可控的縱向圖片滾動(dòng)。

日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

可控的縱向圖片滾動(dòng)_圖片特效特效

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

圖片特效特效推薦

猜你也喜歡看這些