我要創建一個HTML5 JavaScript應用程序,並且需要浮動滾動的圖像。 我想滾動a,b,c的圖像,我只想通過拖動鼠標來完成該操作,並且不需要使用滾動條。任何人都可以闡明這一點嗎?使用圖像的Html5滾動條
0
A
回答
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>
您可以像使用this..hope它會幫助你的應用程序
0
你可以使用一些插件來實現這個功能..許多插件可用於滾動圖像。
試試這個:
http://www.htmldrive.net/items/show/1118/Awesome-jQuery-scrolling-decks-plugin
相關問題
- 1. 如何使用滾動條圖像?
- 2. html5中的ipad滾動條
- 3. 圖像不受滾動條
- 4. jquery圖像滾動條
- 5. 滾動條刪除圖像
- 6. 滾動條削減圖像
- 7. 滾動條上div div html5
- 8. 縮放圖像的擺動滾動條
- 9. 在HTML5畫布中滾動(不移動圖像)圖像
- 10. 如何使用滾動條自動滾動滾動視圖?
- 11. 沿滾動條在滾動視圖中移動圖像
- 12. 動態添加圖像到滾動條
- 13. 滾動條改變圖像的寬度
- 14. html中圖像的水平滾動條
- 15. 帶滾動條的背景圖像
- 16. 旋轉滾動條按鈕的圖像
- 17. 網頁中的圖像滾動條
- 18. 如何使用滾動條上的圖像在Android的
- 19. 如何使用iTunes像滾動條
- 20. 隱藏HTML5中正文的滾動條
- 21. 是否可以使用自己的圖像更改滾動條?
- 22. 使用滑塊/滾動條的Flash圖像縮放
- 23. 使用圖像來設置滾動條的樣式?
- 24. Android的 - 滾動不使用滾動條
- 25. 使用滾動標籤連續滾動滾動圖像
- 26. 使用滾動條
- 27. 使用滾動條滾動其他滾動條
- 28. 角材料圖像滾動條
- 29. 更改GTK滾動條圖像
- 30. 絕對定位圖像和滾動條
感謝您的幫助,但我不想Jquery的piugin我只是想要簡單地滾動HTML5/CSS即可。如果你有什麼請分享 –