1

我的页面有一个像这个主页 studio8169.com/?page_id=11 这样的滑块

例如,我如何从盒子 2 跳到 5?我想在框下为用户制作链接。用户可以在不同的盒子之间跳来跳去。

这是我的滑块

<div id="mid"> (Position: absolute, width:100%, height:400px; overflow:hidden;)

<div id="gallery"> (position:relative;width:960px;margin:0 auto;)
   <div id="slider"> (position absolute;left:0px;width:100000px;height:400px;)
      <div class="box"></div> (position:relative; float:left;)     width:960px;height:400px;
      <div class="box"></div>
      <div class="box"></div>
      <div class="box"></div>
   <div class="btn btn_left"></div> (position:absolute;top:150px;left:0px;)
   <div class="btn btn_right"></div> (position:absolute;top:150px;right:0px;)
</div>

4

1 回答 1

0

我已经很久没有做 JavaScript 和 jQuery 了,所以你必须忍受我。我玩了一点游戏,这是我的第一次尝试:http: //jsfiddle.net/TyCsK/7/。基本上,三个 div(代表您的图片)固定在另一个 div 上,该 div 在容器内滑动。

有几个问题需要解决(当你到达终点时禁用左右按钮等),但这可能是一个不错的起点。享受。

于 2012-05-29T13:48:33.850 回答