0

HTML5 JavaScript アプリを作成する予定で、その中で画像のフローティング スクロールが必要です。a、b、cの画像をスクロールしたいのですが、マウスをドラッグするだけでスクロールバーを使用せずにスクロールしたいです。誰でもこれに光を当てることができますか？

4

2 に答える 2

1 
  <link rel="stylesheet" type="text/css" href="jquery.horizontal.scroll.css" />
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  <script src="jquery.horizontal.scroll.js" type="text/javascript"></script>

<script type="text/javascript">
    $(document).ready(function(){
       $('#horiz_container_outer').horizontalScroll();
    });
 </script>

  /* add the necessary HTML*/
 <ul id="horiz_container_outer">
     <li id="horiz_container_inner">
        <ul id="horiz_container">
          <li>Image 1</li>
          <li>Image 2</li>
          <li>Image 3</li>
          <li>Image 4</li>
          <li>Image 5</li>
       </ul>
    </li>    
</ul>        


  <div id="scrollbar">
       <a id="left_scroll" class="mouseover_left" href="#"></a>
       <div id="track">
       <div id="dragBar"></div>
  </div>
           <a id="right_scroll" class="mouseover_right" href="#"></a></div>
   </div>

このように使用できます..アプリケーションに役立つことを願っています

于 2013-08-06T11:17:41.240 に答える
0

この機能を実現するためにいくつかのプラグインを使用できます..多くのプラグインが画像のスクロールに使用できます。

これを試して：

http://www.htmldrive.net/items/show/1118/Awesome-jQuery-scrolling-decks-plugin

于 2013-07-31T04:39:16.570 に答える