طراحی و بهینه سازیمشاهده





 

آموزش وردپرس WordPressآموزش وردپرس WordPress سایت

آموزش جی کوئری jQueryآموزش جی کوئری jQuery جاوا اسکریپت

آموزش انگولار جی اس Angular JS آموزش انگولار جی اس 2 AngularJS 

آموزش اچ تی ام ال HTML5 CSS3آموزش HTML5 و CSS3 اچ تی ام ال 5

آموزش پی اچ پی PHPآموزش پی اچ پی PHP پک 1 برنامه نویسی وب

آموزش سئو SEO آموزش سئو سایت و وردپرس SEO گوگل 

آموزش هک قانونی آموزش هک قانونی - نفوذ و امنیت - پک1

آموزش برنامه نویسی اندروید استودیو  آموزش برنامه نویسی اندروید استودیو  

آموزش زامارین Xamarinآموزش زامارین Xamarin برنامه نویسی موبایل

هاست

آموزش ساخت منو ثابت با کمک جی کوئری

آموزش ها , مقالات,آموزش,ترفند
آموزش ساخت منو ثابت با کمک جی کوئریReviewed by Admin on Jul 30Rating:

در پست آموزشی_اسکریپتی امروز، میخواهیم با کمک جی کوئری و سی اس اس یک منوی ثابت (fixed) ساده و کاربردی را بسازیم که با حرکت اسکرولر به سمت پایین، این منو نیزهمگام با آن حرکت کند.در ساخت این منو، 3 بخش اساسی CSS ، HTML و جی کوئری دخالت دارند.

در بخش اول:

کدهای html زیر را در مکانی که میخواهید منو اصلی به نمایش در بیاید قرار دهید (مثلا در بخش header).

 

در بخش دوم:

نوبت به استایل دهی می رسد، بنابراین قطعه کد زیر را در شیوه نامه قالب خود قرار دهید (البته در این منو بر زیباسازی تأکید چندانی نشده و شما می توانید هر نوع استایلی را که خواستید به آن بدهید).

* سلکتور f-nav، نام کلاسی است که در بخش جی کوئری ساخته خواهد شد.

 

و در بخش آخر:

به مرحله اصلی کار می رسیم، یعنی قرار دادن یک شرط جهت بررسی فاصله اسکرولر از بالا و تعریف یک کلاس جدید (با کمک دستور addClass) جهت استایل دهی به آن.

و کار تمام است.

فراموش نکنید، جهت استفاده از کدهای جاوا اسکریپت حتما باید کتابخانه جی کوئری فراخوانی شده باشد.


به کانال تلگرام بیست اسکریپت بپیوندید !

دانلود






دستگاه جوجه کشی


مطلب مفیدی بود ؟
نویسنده : admin تاریخ : 1393/05/8 4 آموزش ها , مقالات,آموزش,ترفند

لینک کوتاه مطلب : http://www.20script.ir/?p=7726

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
6,541آموزش استاندارد های طراحی و تولید وب سایت تاریخ : 1393/03/25
2,078نحوه تغییر رنگ نوار آدرس مرورگرهای موبایل برای هماهنگی با رنگ وردپرس تاریخ : 1395/01/11
3,281اسکریپت چت و پشتیبانی FireHelp نسخه 1.0.1 تاریخ : 1395/03/1
4,278نمایش تاریخ آخرین آپدیت پست های وردپرس تاریخ : 1394/05/7
1,860Nofollow نمودن خودکار لینک ها تاریخ : 1392/10/20
3,904چگونه فروشگاه اینترنتی راه اندازی کنیم تاریخ : 1395/08/6
2,093جلوگیری از اسپم ها در انجمن ویبولتین تاریخ : 1392/11/3
2,268صفحه اختصاصی برای خطای پایگاه داده تاریخ : 1392/08/5
2,026آموزش قرار دادن ویدیو در پس زمینه سایت تاریخ : 1395/05/6
2,608نمایش مطالب مرتبط بدون افزونه در وردپرس تاریخ : 1394/05/11
2,340آموزش تغییر عنوان ایمیل های ارسالی در وردپرس تاریخ : 1393/03/16
37,403تبدیل ریال به تومان در Easy Digital Downloads تاریخ : 1393/08/4
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب