آموزش ساخت تول تیپ (Tooltip) با جی کوئری – jQuery

در این جلسه آموزشی و در ادامه مباحث آموزش طراحی صفحات وب پیشرفته  (آموزش تبدیل PSD به HTML) نوبت به آموزش ساخت تول تیپ – Tooltip با جی کوئری – jQuery می‌رسد.آموزش ساخت تول تیپ (Tooltip) با جی کوئری - jQuery

تاکنون ملاحظه فرموده بودید که تول تیپ‌ها توسط خود مرورگر نمایش داده می‌شوند و ما کنترل خاصی بر روی استایل های تول تیپ – Tooltip های مربوطه نداشتیم؛ اما در این جلسه آموزشی ملاحظه خواهید فرمود که چطور می‌توانیم به وسیله جی کوئری – jQuery تول تیپ – Tooltip های مورد نیاز خودمان را بسازیم و بتوانیم به وسیله سی اس اس – CSS استایل های مورد نظر را نیز به آنها اعمال کنیم.

 نکات آموزشی که در این جلسه خدمت شما آموزش داده می‌شوند عبارتند از:

  • آموزش دریافت موقعیت مکانی نشانگر ماوس در صفحه و به وسیله جی کوئری
  • استفاده از جی کوئری – jQuery برای ساخت تول تیپ
  • استایل دهی دلخواه به تول تیپ به وسیله سی اس اس – CSS
  • نمایش تول تیپ به دو روش استاتیک و داینامیک با استفاده از جی کوئری – jQuery
  • استفاده از افکت‌های fadeIn, fadeOut در جی کوئری برای نمایش تول تیپ به صورت زیبا

زمان این فیلم آموزشی ۴۸ دقیقه و ۲۶ ثانیه می‌باشد. محتوای این جلسه آموزشی با عنوان آموزش ساخت تول تیپ – Tooltip به وسیله جی کوئری – jQuery را می‌توانید از طریق لینک زیر دانلود نمایید:

قبلا ثبت نام کرده ام؛ ورود

 


googleplus
stumbleupon
digg
cloob
twitter
facebook


Add a Comment