در این جلسه آموزشی و در ادامه مباحث آموزش طراحی صفحات وب پیشرفته (آموزش تبدیل PSD به HTML) نوبت به آموزش ساخت تول تیپ – Tooltip با جی کوئری – jQuery میرسد.
تاکنون ملاحظه فرموده بودید که تول تیپها توسط خود مرورگر نمایش داده میشوند و ما کنترل خاصی بر روی استایل های تول تیپ – Tooltip های مربوطه نداشتیم؛ اما در این جلسه آموزشی ملاحظه خواهید فرمود که چطور میتوانیم به وسیله جی کوئری – jQuery تول تیپ – Tooltip های مورد نیاز خودمان را بسازیم و بتوانیم به وسیله سی اس اس – CSS استایل های مورد نظر را نیز به آنها اعمال کنیم.
نکات آموزشی که در این جلسه خدمت شما آموزش داده میشوند عبارتند از:
- آموزش دریافت موقعیت مکانی نشانگر ماوس در صفحه و به وسیله جی کوئری
- استفاده از جی کوئری – jQuery برای ساخت تول تیپ
- استایل دهی دلخواه به تول تیپ به وسیله سی اس اس – CSS
- نمایش تول تیپ به دو روش استاتیک و داینامیک با استفاده از جی کوئری – jQuery
- استفاده از افکتهای fadeIn, fadeOut در جی کوئری برای نمایش تول تیپ به صورت زیبا
زمان این فیلم آموزشی ۴۸ دقیقه و ۲۶ ثانیه میباشد. محتوای این جلسه آموزشی با عنوان آموزش ساخت تول تیپ – Tooltip به وسیله جی کوئری – jQuery را میتوانید از طریق لینک زیر دانلود نمایید: