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

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

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

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 تومان

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