تا حالا حتمی مشاده کردید سایت هایی رو که چند دکمه دارن که با کلیک روی اون ها رنگ پس زمینه نسبت به دکمه تغییر میکنه؟
خب امیدوارم این تاپیک بتون کمک کنه تا بتونید یکی از این پنل ها داشته باشید
آموزش:
برای ایجاد این پنل ها،شما نیاز به ساخت شیء های CSS دارید:
{
background-color:#2EB82E;
width:8px;
height:8px;
border:1px solid #a1a1a1;
}
.colorprofile-red
{
background-color:#E60000;
width:8px;
height:8px;
border:1px solid #a1a1a1;
}
.colorprofile-blue
{
background-color:#0000E6;
width:8px;
height:8px;
border:1px solid #a1a1a1;
}
کد:
.colorprofile-green
{
document.body.style.backgroundColor = 'hex';
}
کد:
function ColorPanel(hex)
لینک ها تنها برای اعضای سایت قابل نمایش است.
<div class=colorprofile-red onclick="ColorPanel('#E60000')"></div>
<div class=colorprofile-blue onclick="ColorPanel('#0000E6')"></div>
کد:
<div class=colorprofile-green onclick="ColorPanel('#2EB82E')"></div>