PDA

View Full Version : سوال: ساخت یه Slider متن



L u k e
سه شنبه 30 شهریور 1389, 21:48 عصر
من می خوام یه اسلایدر متن درست کنم که به ترتیب li های یه ul رو نشون بده

این کدامه




function SlideCustomers()
{

$("C#‎ustomersSlider").find("li").(function(){

$(this).next().slideUp('slow');

});

}


setInterval('SlideCustomers();',800);


کجاش مشکل داره ؟

mehdi.mousavi
سه شنبه 30 شهریور 1389, 23:17 عصر
سلام.
به این شکل عمل کنید:

$(function() {
var $items = $('ul li').hide();

var index = 0;
function displayItem() {
$items.eq(index++).slideDown('slow');
if(index < $items.length) {
setTimeout(displayItem, 200);
}
};
setTimeout(displayItem, 1000);
});

برای دیدن نمونه و مشاهده اجرای کد فوق، میتونید به این آدرس (http://jsfiddle.net/Tkfz3/) برید.

موفق باشید.

BahmanDB
سه شنبه 30 شهریور 1389, 23:36 عصر
دوست عزیز زیاد خودتو گرفتار این مسائل نکن یه حاضری شو پیدا کن حالشو ببر .

اینم یه مثال به همراه فیلم آموزشی + سورس کد <click me (http://jqueryfordesigners.com/coda-slider-effect/)>

این یه سورس اسلایدر متن باحال

L u k e
جمعه 02 مهر 1389, 15:29 عصر
سلام.
به این شکل عمل کنید:

$(function() {
var $items = $('ul li').hide();

var index = 0;
function displayItem() {
$items.eq(index++).slideDown('slow');
if(index < $items.length) {
setTimeout(displayItem, 200);
}
};
setTimeout(displayItem, 1000);
});

برای دیدن نمونه و مشاهده اجرای کد فوق، میتونید به این آدرس (http://jsfiddle.net/Tkfz3/) برید.

موفق باشید.

خیلی ممنون
با یکم تغییر به چیزی که می خواستم رسیدم
فقط یه کم درباره ی eq توضیح می دین کارش چیه ؟

mehdi.mousavi
شنبه 03 مهر 1389, 10:44 صبح
خیلی ممنون
با یکم تغییر به چیزی که می خواستم رسیدم
فقط یه کم درباره ی eq توضیح می دین کارش چیه ؟

سلام.
$items.eq(n)

یعنی تو مجموعه $items، المنت با اندیس n ام رو بهم برگردون که در کدی که نوشتم یعنی li ی n ام... (در واقع indexer هستش).

موفق باشید.