ساخت متن متحرک در jQuery


ساخت متن متحرک در jQuery

متن متحرک در jQuery برای نمایش یک به یک متن های یک لیست به کار میرود . همانند سایت های خبری که عنوان هایی را در بالای هدر به منظور خبرهای داغ نمایش می هند.

حالا ما قصد داریم یک مثال ساده متن متحرک در jQuery را پیاده سازی کنیم.(که به اصطلاح news Ticker می نامیم.) در این مثال, با چند خط کد ساده, این قابلیت را ایجاد می کنیم. و از هیچ گونه پلاگین دیگری استفاده نخواهیم کرد.

ساخت متن متحرک در jQuery

کد HTML لیست متن

ما یک لیست نامرتب از متن ها در داریم . که هر یک را با استفاده از حلقه در جی کوئری بصورت افقی به نمایش در می آوریم.

با داشتن id باکس ticker , کد جی کوئری مورد نظر را اجرا می کنیم.

حتما بخوانید  تغییر پس زمینه تصویر در jQuery

ساخت متن متحرک در jQuery

اینجا, ما کد متن متحرک در jQuery را در یک بازه زمانی برای نمایش هر متن بصورت افقی, اجرا می کنیم. برای دو تا از آیتم های بعدی یک تاخیری وجود دارد.

ما شمارنده (counter) را برای هر بار اجرای حلقه افزایش و بعد از یکبار اتمام کامل حلقه آن را به ۰ تغییر می دهیم. همچنین می توانیم با بردن ماوس و مکث آن روی باکس ticker , حرکت آن را بطور موقت متوقف کنیم.

حتما بخوانید  تیک زدن همه چک باکس ها با jQuery

 

امیدوارم از آموزش ساخت متن متحرک در jQuery نهایت استفاده را برده باشید .

برای دانلود سورس کد کامل این آموزش از باکس دانلود استفاده کنید.

هر سوالی داشتید ، از قسمت نظرات ارسال کنید . سریعا ، پاسخگوی سوالات شما هستیم .

موفق و پیروز باشید.

دیدگاه کاربران

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

جدیدترین آموزش های آنلاین



دانلود رایگان (هدیه ویژه)

کتاب آموزش زبان برنامه نویسی PHP را دانلود و همین امروز یادگیری را شروع کن و به جمع برنامه نویسان ملحق شو ;)

دانلود رایگان کتاب

بخش کاربران

هنوز عضو نیستید ؟ کلیک کنید

مجوزهای ما

logo-enamd
logo-samandehi

دانلود کتاب

عضویت در خبرنامه