У меня есть div, и я хотел бы автоматически прокручивать его каждые 5 секунд, могу ли я сделать это с помощью JQuery?jquery auto scroller
ответ
<!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 то, что я хочу, но я хочу работать с тегами вместо изображений ... я могу изменить его на работу?
Заканчивать функция scrollTop() ...
http://demo.webdesignbooth.com/content-slider/ им ищет что-то подобное, но без интерактивных вкладок, я хочу, чтобы быть автоматическим – vick
Основываясь на ваш комментарий с демо-ссылке, вы, вероятно, хотите, цикл плагин затем: http://jquery.malsup.com/cycle/
Да будет работать с любыми тегами, а не только с изображениями. Если вы хотите, чтобы цикл через несколько <div>
тегов вы могли бы сделать что-то вроде этого:
<div class="slideshow">
<div>Test 1</div>
<div>Test 2</div>
<div>Test 3</div>
</div>
Это будет цикл через любые теги внутри класса слайд-шоу.
Существует плагин слайдера, который очень похож.
http://www.ndoherty.biz/demos/coda-slider/2.0/
И этот учебник для пользовательских один, если вы хотите создать свой собственный,
http://jqueryfordesigners.com/coda-slider-effect/
Надежда это помогает, Синана.
var scrolling = window.setInterval("autoScroll()", 5000);
function autoScroll(elem) {
$(function() {
$('div#mycontainer').animate({ scrollTop: '+=' + 40 });
});
}
- 1. JQuery TR Verticle Scroller?
- 2. jQuery Scroller animation
- 3. jquery featured ui scroller
- 4. Timeline Style JQuery Scroller
- 5. CIRCULAR JQUERY HORIZONTAL SCROLLER
- 6. jQuery Scroller Вопрос
- 7. Не работает jquery scroller
- 8. Sly Scroller JQuery
- 9. JQuery Custom Content Scroller Plugin
- 10. jQuery Sticky Scroller Несколько экземпляров
- 11. jQuery UI & jQuery custom scroller math
- 12. Модификатор полосы прокрутки на скрипте Auto DIV Scroller
- 13. J запрос scroller asp.net
- 14. jquery scroller не работает должным образом
- 15. Стойка с фиксированным положением JQuery Hover Scroller
- 16. jQuery scroller simpleScroll slow in IE
- 17. JQuery Datatables Scroller Plugin на полной высоте
- 18. Jquery fs scroller in ajax call
- 19. Mozilla scroller jquery div не прокручивается
- 20. jquery scroller с несколькими видимыми элементами
- 21. Как сделать обратную прокрутку JCarousel Vertical Scroller?
- 22. Kendo UI Mobile - Stop Scroller
- 23. JQuery auto complete и form auto submit
- 24. Pygame side scroller arcade
- 25. Scroller Event Issue
- 26. colorbox и scroller
- 27. Zynga Scroller bounce issue
- 28. Android Controlling ViewPager Scroller
- 29. Chrome «Find» Breaks Scroller
- 30. Three20 Photo Scroller альтернатива?
Да, смотрите мой измененный ответ. –