تبلیغات

آخرین ارسال های انجمن

عنوان	پاسخ	بازدید	توسط
پنهان کردن عناصر صفحه در php	4	2386	snakeeye
طراحی باکس دانلود	6	2537	mary567
ارزیابی رایگان سایت ها و وبلاگ ها	25	8765	grimboy
انواع قالب اختصاصی	3	2151	ghraphic-home
بهترین افزونه های AMP وردپرس	2	2585	jack7788
کد پاپ اپ دو یا چند پنجره به طور همزمان پشت صفحه	23	9201	jack7788

12 3 4 5 6 7 8 9 10 11 »

انیمیشن در جی کوئری

          حمیدرضا 
            بازدید : 1261
          سه شنبه 28 اردیبهشت 1395
           نظرات (0)
        

در مطلب قبلی متدی از جی کوئری معرفی کردم به نام animate. کار این تابع در جی کوئری ایجاد انیمیشن بر روی ویژگی های سی اس اس است. در مطلب قبلی گفته بودم که امکان ایجاد انیمیشن بر روی تمام ویژگی های Css با استفاده از این تابع نیست. اما نگفتم که چه توابعی امکان انیمیشنی شدن را دارند. امروز در این مطلب می خواهم مواردی که امکان استفاده از انیمیشن را دارند بگذارم.

شکل کلی تابع animate

<<<code>>>

$(selector).animate( { "cssProperty":value , ... }, animationTime ); // time is in milisecond

<<</code>>>

برای دیدن مواردی استفاده ی این تابع به ادامه ی مطلب بروید.

درباره آموزش وب , jquery , مرجع ,

ادامه مطلب ...

ساخت پس زمینه متحرک با jquery

          حمیدرضا 
            بازدید : 2743
          پنجشنبه 24 اردیبهشت 1394
           نظرات (3)
        

حتما شما هم تا به حال با صفحاتی که تصویر پس زمینه ی آن ها به نسبت حرکت اسکرول (scroll) ، حرکت می کند روبرو شده اید. این صفحات با یک رویداد از jquery به نام scroll کار می کنند. این رویداد هنگامی است که کاربر ، صفحه را به سمت بالا و پایین و یا چپ و راست می برد (یعنی اسکرول را حرکت می دهد). حال اگر ما با استفاده از این رویداد ، حالتی را ایجاد کنیم که همزمان با بالا و پایین رفتن صفحه ، پس زمینه ی ما نیز مقدار حرکت کند ، می تواند حالت زیبایی به صفحه ی ما بدهد. شاید درست متوجه نشده باشید: در حالتی که پس زمینه ی ما با استفاده از css در حالت fixed قرار داده شده است ، پس زمینه هیچ حرکتی نمی کند و همیشه در جالی خود ثابت است. و هنگامی هم که پس زمینه با استفاده از css در حالت scroll قرار داده شده است ، پس زمینه کاملا هم سرعت و هم زمان با حرکت اسکرول ، حرکت می کند. اما چیزی که ما می خواهیم در اصل یک حالت بین این دو حالت است. یعنی حرکتی نه به سرعت scroll و نه به ثابتی fixed. این حالت در زیبایی صفحه کمک زیادی می کند.

اول این نمونه را برای درک بهتر ببینید

درباره آموزش وب , jquery , آموزشات فرعی ,

ادامه مطلب ...

توابع انیمیشنی جی کوئری

          حمیدرضا 
            بازدید : 1413
          پنجشنبه 27 فروردین 1394
           نظرات (0)
        

در این مطلب توابع مربوط به نمایش و پنهان کردن جی کوئری با انیمیشن به همراه توضیحات قرار داده شده است.

مواردی که علامت ستاره (*) در کنار آن ها درج شده است ، توضیح بیشتری در پایین جدول دارند.

برای دیدن آموزش به ادامه ی مطلب بروید.

درباره آموزش وب , jquery , آموزشات فرعی ,

ادامه مطلب ...

ابزارهای خاص

ارزیابی آنلاین سایت و وبلاگ به صورت رایگان

تبلیغات

تبلیغات متنی