unid_user

جاوا اسکریپت
تغییر background color با جاوا اسکریپت

2 پست در این موضوع قرار دارد

سلام و درود

دوستان گرامی من میخوام با اسکرول کردن background color برای تگ body یا section رو تغییر بدم.

میخوام از یک متغییر آرایه ای استفاده کنم که به ازای افزایش مقدار متغیر  x در حلقه for هر بار یکی از رنگ ها رو انتخاب کنه و به جای background-color در تگ body یا تگ section قرار بده.

0

به اشتراک گذاری این پست


لینک به پست
در 2 ساعت قبل، unid_user گفته است :

سلام و درود

دوستان گرامی من میخوام با اسکرول کردن background color برای تگ body یا section رو تغییر بدم.

میخوام از یک متغییر آرایه ای استفاده کنم که به ازای افزایش مقدار متغیر  x در حلقه for هر بار یکی از رنگ ها رو انتخاب کنه و به جای background-color در تگ body یا تگ section قرار بده.

برای ایجاد بک گراند گرادیانت مثال زیر به شما کمک میکنه

https://codepen.io/BangEqual/pen/VLNowO

 

3

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط Reka
      چطور با استفاده از  افزونه پارسی دیت میتونم خروجی جاوا اسکریپت رو تغییر بدم؟
      تابعی در افزونه پارسی دیت هست که بتونه روی جاوا اسکریپت تغییر ایجاد کنه؟
      میخوام روی خروجی این کد جاوا اسکریپت، شمسی سازی رو اعمال کنم.
      var d = new Date
      خروجی الان به این صورته
      Sun Mar 15 2020 07:36:16 GMT+0330 (Iran Standard Time)
    • توسط SadraHkm
      سلام دوستان امیدوارم حالتون خوب باشه
      من داشتم تمرین میکردم که یه کتابخونه ساده بسازم. بعد به یه مشکلی برخوردم. من دو تا متد نوشتم. تو یکی از اونها، اون یکی رو صدا زدم. ولی کار نمیکنه و مقداری که برمیگردونه undefined هست.
      میشه لطفا راهنمایی کنید که مشکلش چی هست. با تشکر فراوان
      (function (window) { function mathLibrary() { this.plusNums = function (x, y) { return Number(x) + Number(y); }; this.subNums = function(x , y) { this.plusNums(x,-y); } } if(typeof sadra_ml === 'undefined'){ window.sadra_ml = new mathLibrary(); }else { console.log("There is name conflict"); } })(window);  
    • توسط SadraHkm
      سلام دوستان
      برای لود کردن فایل های جاوااسکریپت میتونیم اسکریپت رو در تگ head یا قبل از تگ /body بذاریم. وقتی که در تگ head میذاریم، قبل از اینکه محتوای صفحه خونده بشن، این فایل لود میشه. ولی ایا وقتی در اخر صفحه ( قبل از /body ) هم گذاشته میشه، قبل از خونده شدن محتوای صفحه این فایل لود میشه یا بعدش یا همزمان باهاش ؟!
      بعد سوال دیگه اینکه اگه ما فایل رو در اخر سندمون لود کنیم، چه فرقی میکنه با اینکه از attribute defer استفاده کنیم ؟ این attribute که دقیقا همون کار رو انجام میده !
      ممنون میشم کمی توضیح بدید
      باتشکر
    • توسط unid_user
      سلام و درود
      دوستان گرامی ، میخوام با فشردن هر کدوم از کلیدهای کیبورد ، width یک تگ div خاص رو هربار 5 پیکسل افزایش بدم. کد زیر رو خودم نوشتم ولی کار نمیکنه.
      var barWidth = $("#run-bar").width(); var barwidthplus = barWidth++; $("form#home-search-form input[type='text']").keypress(function() { barwidthplus++; alert(barwidthplus); $("#run-bar").css('width', 'barwidthplus + %'); }); با تشکر و سپاس
    • توسط unid_user
      سلام و درود
      دوستان گرامی ، چطوری میشه کدهای جاوا اسکریپت و جی کوئری در فایل js رو به وسیله php یا توابع وردپرس داینامیک کنیم.
      مثلا یه متغیر در فایل js دارم که میخوام از طریق php یا توابع وردپرس هر بار که خواستم یک مقدار رو اختصاص بدم.
      با تشکر و سپاس