我有一個div,我想每5秒自動滾動一次,我可以用JQuery來做到嗎?jquery自動滾動
0
A
回答
0
<!doctype html>
<html>
<head>
<title>JQuery Cycle Plugin - Example Slideshow</title>
<style type="text/css">
.slideshow { height: 232px; width: 232px; margin: auto }
.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }
</style>
<!-- include jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<!-- include Cycle plugin -->
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.74.js"></script>
<!-- initialize the slideshow when the DOM is ready -->
<script type="text/javascript">
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'shuffle' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
});
});
</script>
</head>
<body>
<div class="slideshow">
<img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" />
<img src="http://cloud.github.com/downloads/malsup/cycle/beach2.jpg" width="200" height="200" />
<img src="http://cloud.github.com/downloads/malsup/cycle/beach3.jpg" width="200" height="200" />
</div>
</body>
</html>
這是exacly我想要的,但我希望它與標籤,而不是圖像工作......我可以修改它的工作?
0
退房的scrollTop的()函數...
+0
http://demo.webdesignbooth.com/content-slider/ 即時尋找類似的東西,但沒有點擊標籤,我希望它是自動 – vick 2010-04-16 21:54:03
1
基於演示的鏈接您的評論,你可能想的週期插件,則:http://jquery.malsup.com/cycle/
是的,它會使用任何標籤,而不僅僅是圖像。如果您通過幾個<div>
標籤要循環可以做些像這樣:
<div class="slideshow">
<div>Test 1</div>
<div>Test 2</div>
<div>Test 3</div>
</div>
它會通過幻燈片類中的任何標籤週期。
0
有一個很酷的coda滑塊插件。
http://www.ndoherty.biz/demos/coda-slider/2.0/
如果你想創建自己有這個教程一個自定義,
http://jqueryfordesigners.com/coda-slider-effect/
希望這些幫助,思南。
0
var scrolling = window.setInterval("autoScroll()", 5000);
function autoScroll(elem) {
$(function() {
$('div#mycontainer').animate({ scrollTop: '+=' + 40 });
});
}
相關問題
- 1. 半自動滾動jQuery
- 2. jQuery的自動滾動
- 3. jquery ui可拖動滾動自動
- 4. 在jQuery中自動滾動動畫
- 5. jQuery自定義滾動條
- 6. jQuery的自動滾屏
- 7. 自動滾動
- 8. 自動開始 - jQuery滾動輪播
- 9. jquery mobile中的自動滾動功能
- 10. 自動滾動TypeIt jQuery插件
- 11. Jquery Tabs自動滾動/旋轉
- 12. 用Jquery自動向下滾動?
- 13. jquery自動滾動回查看
- 14. jQuery UI,Draggable,Droppable,自動滾動
- 15. Jquery工具可滾動自動旋轉
- 16. JQuery自動滾動幻燈片教程
- 17. jquery禁用自動窗口滾動
- 18. 來自mootool的jQuery:滾動動畫
- 19. 自動滾動到使用jQuery
- 20. 自動滾動Jquery不點擊
- 21. 自動化水平滾動jQuery中
- 22. jQuery內容滑塊自動滾動
- 23. 帶導航的jQuery Browser自動滾動?
- 24. jQuery的自動滾動到元素
- 25. jQuery自動完成滾動問題
- 26. 自動滾動到jQuery的.load網站
- 27. jQuery自動滾動/幻燈片
- 28. jQuery Sortable - 滾動div與溢出:自動
- 29. JQuery可排序和自動滾動
- 30. jquery的自動滾動()成功[如何]
是的,看到我的修改答案。 – 2010-04-16 22:24:11