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


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

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

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

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

کد HTML لیست متن

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

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

حتما بخوانید  واترمارک روی عکس با php

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

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

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

حتما بخوانید  ساخت تکست باکس داینامیک با jQuery و PHP

 

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

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

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

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

حسن شفیعی
مدرس ، پنتستر ، توسعه دهنده اپلیکیشن های تحت وب ، عضو مرکز حامی نخبگان و از مدیران و اعضای رسمی تیم امنیتی آشیانه هستم . علاقه خاصی به زبان php و امنیت شبکه و لینوکس دارم و هر روز تلاش می کنم به این حوزه ها مسلط تر شوم و اطلاعاتم را در وب به اشتراک بگذارم

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

2 پاسخ به “ساخت متن متحرک در jQuery”

  1. محمد علی گفت:

    کارنمی کنه دادا

    0
    • حسن شفیعی گفت:

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

      0

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

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

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



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

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

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

مجوزهای ما

logo-samandehi

نظر کاربران عزیز

متاسفیم, در حال حاضر امکان ثبت نظر وجود ندارد.

بخش کاربران

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

دانلود کتاب

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