آموزش ساخت پیمایش آرام صفحه با کلیک روی لینک های داخلی

توجه:همراه با فیلم آموزشی، اسکریپت پروژه نیز دراختیار شما قرار خواهد گرفت.

سرفصل های فیلم آموزش پیمایش صفحه

5 دقیقه اول رایگان

استفاده از رویدادکلیک جی کوئری: در این پروژه با استفاده از رویداد click با کلیک روی هرکدام ازلینک های مربوط به منو عملیات مورد نظر ما انجام میشود.
خصوصیت hash: با استفاده ازاین خاصیت قسمت مربوط به id را از url سایت جدا میکنیم .
خصوصیت scrollTop : با استفاده از این خاصیت مشخص میکنیم که اگر در حین scroll کردن فاصله ما از بالای صفحه بیشتر از مقداری شد منو در بالای صفحه ثابت شود.
توابع removeClass ,addClass: براساس موقعیت پنجره به منو کلاس هایی را اضافه یاحذف میکنیم.
تابع offset در جیکوئری : برای بدست آوردن هر کدام از عناصر از این تابع استفاده میکنیم.
animate کردن با جیکوئری: با استفاده از تابع animate میتوان به عنصر مورد خود (body) با سرعت دلخواه یک انیمیشن را اعمال کنیم.

پیش نمایش فیلم آموزش پیمایش صفحه
درس شماره 1 زمان فیلم: 03:04
دانلود مستقیم پیش نمایش (پیمایش صفحه) - حجم دانلود 16 مگابایت (کلیک کنید +)

نظرات کاربران

مدرس

مهندس زهرا داودی

با مدرک کارشناس ارشد سیستم های چند رسانه ای و عضوانجمن علمی دانشگاه مازندران یکی از بنیانگذاران سایت بیاموز است. زمینه های پژوهشی و کاری تخصصی ایشان، در حوزه های مختلف برنامه نویسی وب و راه اندازی و پشتیبانی شبکه است.

آموزش های مشابه

beyamooz

اسلایدر سه بعدی با قابلیت چرخش تصاویر با CSS

مدرس: مهندس زهرا داودی

حجم فایل: 45 مگابایت

مدت زمان: 00:27:24

نوع آموزش: تصویری و کاملاً فارسی

با چه تگ ها و خصوصیت هایی در این فیلم آشنا خواهید شد؟ 1 تگ section د HTML5 2 انواع تبدیلات سه بعدی 3 خصوصیت transition در CSS3 4 گزینشگر ~ در CSS3 5 خاصیت perspective در CSS3 6 خاصیت box-shadow در CSS3 و ...

هزینه آموزش: 9,000 تومان

افزودن به سبد سفارش

beyamooz

آموزش ساخت افکت سه بعدی با CSS

مدرس: مهندس زهرا داودی

حجم فایل: 52 مگابایت

مدت زمان: 00:21:38

نوع آموزش: تصویری و کاملاً فارسی

با چه تگ ها و خصوصیت هایی در این فیلم آشنا خواهید شد؟ 1 تعریف انواع تبدیلات سه بعدی 2 خاصیت perspective در CSS3 3 خصوصیت transform در CSS3 4 شبه کلاس hover در CSS 6 خصوصیت transition در CSS3 و ...

هزینه آموزش: 9,000 تومان

افزودن به سبد سفارش

beyamooz

آموزش ساخت گالری تصاویر با CSS

مدرس: مهندس زهرا داودی

حجم فایل: 57.8 مگابایت

مدت زمان: 00:22:38

نوع آموزش: تصویری و کاملاً فارسی

با چه خصوصیت ها و تگ هایی در آموزش ساخت اسلایدر 3 بعدی آشنا خواهم شد؟ با چه تگ ها و خصوصیت هایی در این فیلم آشنا خواهید شد؟ 1.تعریف تبدیلات سه بعدی 2.استفاده از transition ها 3.استفاده ازmedia query 4.استفاده از backface visibility 5......

هزینه آموزش: 9,000 تومان

افزودن به سبد سفارش

beyamooz

آموزش ساخت افکت پیش بارگذاری با CSS

مدرس: مهندس زهرا داودی

حجم فایل: 39.8 مگابایت

مدت زمان: 00:15:12

با چه تگ ها و خصوصیت هایی در این فیلم آشنا خواهید شد؟ 1 تعریف انواع تبدیلات سه بعدی 2 خصوصیت transform در CSS3 3 شبه کلاس before,وafter در CSS 4 خصوصیت transition در CSS3 و ...

هزینه آموزش: 9,000 تومان

افزودن به سبد سفارش

beyamooz

آموزش ساخت افکت تصویر با رویداد Hover با CSS

مدرس: مهندس زهرا داودی

حجم فایل: 94.3 مگابایت

مدت زمان: 00:27:26

نوع آموزش: تصویری و کاملاً فارسی

با چه تگ ها و خصوصیت هایی در این فیلم آشنا خواهید شد؟ 1.استفاده از box-shadow 2.خاصیت transform برای بدست آوردن افکت ها 3. استفاده از transition 4. استفاده از transition-delay 5. .....

هزینه آموزش: 9,000 تومان

افزودن به سبد سفارش