loading...
افزایش رتبه الکسا رایگان تضمینی
ثبت نام مستر کارت رایگان

برای ثبت نام بر روی تصویر کلیک نمایید

آخرین ارسال های انجمن
عنوان پاسخ بازدید توسط
پیامک زیبای فلسفی 0 124 hengame
اس ام اس خنده دار برای تجدید روحیه 0 108 hengame
اس ام اس مهربانی 0 108 hengame
اس ام اس سرکاری ماه رمضان 0 100 hengame
اس ام اس تبریک روز نیروی انتظامی 0 97 hengame
نحوه ورود به حالت Safe Mode در اندروید 0 106 ghazal
من او را دوست می دارم...(مرتضی درویشی) 0 99 ghazal
خیال نرگس مستت، ببست خوابم را (سلمان ساوجی) 0 112 ghazal
داستان طنز: از فرصت ها استفاده کنید! 0 96 ghazal
داستان عاشقانه همکلاسی 0 85 ghazal
اس ام اس خنده دار و سرکاری جدید 0 111 gelare
پیامک فلسفی جدید 0 83 gelare
اس ام اس خنده دار تبریک تولد 0 87 gelare
اس ام اس عاشقانه مخصوص روزای بارونی 0 102 gelare
اس ام اس عاشورای حسینی 0 94 gelare
عاشق شدن پادشاه بر کنیزک رنجور ( مولوی ) 0 93 yasamin
شعر شوق از فروغ فرخزاد 0 75 yasamin
داستان عشق و ثروت و موفقیت 0 85 yasamin
اس ام اس شهادت امام سجاد (ع) 0 85 yasamin
گفت‌وگویی پیرامون ازدواج (طنز) 0 90 yasamin
اس ام اس فلسفی و جملات قصار زیبا (8) 0 105 ziiba
اس ام اس روز عشق 0 76 ziiba
اس ام اس خنده دار و سرکاری تابستان 0 82 ziiba
اس ام اس ضد پسر 0 85 ziiba
اس ام اس ولادت امام موسی کاظم(ع) 0 83 ziiba
اس ام اس چهارشنبه سوری (2) 0 87 faranak
اس ام اس سرکاری ماه رمضان(2) 0 82 faranak
اس ام اس طنز و خنده دار (5) 0 97 faranak
اس ام اس فلسفی و جملات قصار زیبا (5) 0 81 faranak
اس ام اس خاطره های عاشقانه و غمگین 0 90 faranak
Hadi بازدید : 0 پنجشنبه 17 بهمن 1392 نظرات (0)


در این بخش از آموزش jquery ، افکت stop را در طراحی سایت آموزش می دهیم.

به کار بردن افکت stop باعث توقف انجام یک عمل یا انیمیشن برای عنصر مورد نظر می شود . برای مثال فرض کنید که یک تگ Div دارید که می خواهید ارتفاع آن را از 100 به 500 پیکسل افزایش دهید . انجام این کار چند ثانیه طول می کشد . می توانید دکمه فرمانی قرار دهید تا با اجرای  افکت stop انجام انیمیشن فوق را برای تگ Div ، مثلا در وسط فرایند متوقف سازد .
شکل کلی استفاده از این افکت بصورت زیر است :
$( selector ).stop( stopAll , goToEnd ) ;

selector : selector تعیین کننده id عنصری است که می خواهیم اجرای یک افکت بر روی آن با متد ( ) stop متوقف شود . 

stopAll : این پارامتر یک مقدار Boolean را تعیین می کند . مقدار پیش فرض آن false است ولی اگر روی true تنظیم شود، در هنگام اجرای افکت stop ، کلیه انیمیشن های مرتبط با این افکت را به صورت یکباره متوقف می سازد .
استفاده از این پارامتر اختیاری است . 
goToEnd : این پارامتر یک مقدار Boolean را تعیین می کند . مقدار پیش فرض آن false است ولی اگر روی true تنظیم شود ، در هنگام اجرای افکت stop ،انیمیشن های مرتبط با آن را به یکباره متوقف کرده و به مرحله آخر می رساند .
استفاده از این پارامتر اختیاری است . 

مثال زیر کاربرد افکت stop را نشان میدهد:
$("#stop").click(function(){ $("div").stop(); });

 

 

Hadi بازدید : 0 پنجشنبه 17 بهمن 1392 نظرات (0)


در این بخش از آموزش jquery ، افکت SlideToggle را در طراحی سایت آموزش می دهیم.

افکت slideToggle همانند یک عملگر دوجانبه بین دو افکت slideUp و افکت slideDown بر روی عنصر مورد اثر خود عمل می کند .
به عبارت دیگر افکت slideToggle ابتدا وصغیت نمایش و یا عدم نمایش عنصر را بررسی کرده و در صورتی که آن عنصر نمایان باشد ، با کاهش تدریجی ارتفاع آن باعث مخفی شدن عنصر می شود . و چنانچه عنصر مخفی باشد با افزایش تدریجی ارتفاع آن ، عنصر را نمایان می سازد .
افکت slideToggle کاربرد بسیار سودمندی می تواند داشته باشد . به وسیله آن می توانید این اختیار را به کاربر بدهید تا عناصری را که می خواهد در صفحه مخفی کرده و یا آنها را نمایان سازد .

کار افکت slideToggle این است که حلقه وار افکت میدهد .

شکل کلی استفاده از این متد به شرح زیر است :
$ ( " selector " ).slideToggle ( speed , callback )

selector :selector عنصری است که این افکت باعث مخفی و یا نمایان شدن آن می شود . 

speed :این پارامتر در این افکت اختیاری بوده و مقدار پیش فرض آن صفر است .
این پارامتر سرعت مخفی و یا نمایان شدن عنصر توسط افکت را تعین می کند .
این پارامتر به دو صورت قابل مقداردهی می باشد .
تعیین به وسیله زمان بر حسب میلی ثانیه : در این حالت مدت زمانی که می خواهید در آن عنصر مخفی یا نمایان شود را نعیین می کنید . مثلا 100 ms .
تعیین بر اساس 3 حالت کلی زیر : در این حالت با انتخاب یکی از 3 مقدار زیر سرعت مخفی یا نمایان شدن را آرام ، معمولی و یا سریع انتخاب می نمایید .
"slow"
"normal"
"fast"

callback :توسط این پارامتر می توان نام یک تابع را تعیین کنید تا پس از پایان یافتن اجرای افکت ، آن تابع اجرا شود .
به کار بردن این پارامتر اختیاری است . 

 مثال زیر کاربردافکت slideToggle را نشان میدهد:
$("#flip").click(function(){ $("#panel").slideToggle(); });

Hadi بازدید : 0 پنجشنبه 17 بهمن 1392 نظرات (0)


در این بخش از آموزش jquery ، افکت delay را در طراحی سایت آموزش می دهیم.

افکت delay باعث ایجاد یک تاخیر در اجرای افکت دیگری می شود .

برای مثال فرض کنید که یک افکت ( ) fadeIn را برای یک عنصر تعیین کرده اید . این افکت در هنگام کلیک کاربر بر روی دکمه فرمان اجرا می شود . اما می خواهید کاری کنید تا مثلا 3 ثانیه بعد از کلیک کاربر بر روی دکمه فرمان ، افکت ( ) fadeIn اجرا شود . برای این منظور بایستی ازافکت delay به همراه آن استفاده کنید .
شکل کلی استفاده ازاین افکت بصورت زیر است :
Syntax $( selector ).delay( speed ) ;

selectorاین پارامتر تعیین کننده id عنصری است که می خواهیم در اجرای یک افکت بر روی آن ، تاخیر ایجاد نماییم . 

speed : این پاراتر تعیین کننده مدت زمان تاخیر در اجرای افکت است .
انواع مقادیر ممکن عبارتند از :
MiliSecond : مدت زمان تاخیر در اجرای افکت بر حسب میلی ثانیه .
Slow : سرعت آهسته .
Fast : سرعت زیاد .
مثال زیر کاربرد افکت delay را نشان میدهد .
$("button").click(function(){ $("#div1").delay("slow").fadeIn(); $("#div2").delay("fast").fadeIn(); });

در خط 1  با کلیک روی محتوای تگ button تابع اجرا شود

تعداد صفحات : 134

درباره ما
ارایه جدیدترین آموزش ها ترفندها نرم افزارها و...مربوط به سایر شبکه های اجتماعی مانند نامد نیمباز واتس اپ موزات و...نرم افزارهای کاربردی ،مدیریتی ،گرافیکی ،مهندسی،برنامه نویسی و...،پیامکسرا ،مرکز تصاویر ،قالب سایت و ویلاگ ،اخبار روز جهان و ایران ،افزایش بازدید سایت و وبلاگ,رتبه الکسا
اطلاعات کاربری
  • فراموشی رمز عبور؟
  • نویسندگان
    آرشیو
    نظرسنجی
    به سایت ما چه امتیازی میدهید؟
    آپلودرها


    آمار سایت
  • کل مطالب : 402
  • کل نظرات : 0
  • افراد آنلاین : 1
  • تعداد اعضا : 74
  • آی پی امروز : 34
  • آی پی دیروز : 47
  • بازدید امروز : 46
  • باردید دیروز : 58
  • گوگل امروز : 0
  • گوگل دیروز : 0
  • بازدید هفته : 455
  • بازدید ماه : 1,553
  • بازدید سال : 8,532
  • بازدید کلی : 94,217