کدجاوا اسکریپت

تغییر رنگ پس زمینه به دلخواه

تغییر رنگ پس زمینه به دلخواه این کد دو قسمتی بوده که قسمتی در هد سایت و قسمتی از ان را در بدنه سایت یا همون body قرار داده و کاربر میتواند به دلخواه خود رنگ متن و پس زمینه سایت را عوض کند.

با این کد کاربر قادر خواهد بود تا رنگ متن و پس زمینه سایت را به سلیقه خود انتخاب کند.

 

کد تغییر رنگ متن و زمینه سایت

دمو کد

 
<div align="center"> 
<form name="colc">
<table border="1">
<tbody><tr><td colspan="2">
<b><center>لطفا رنگ را انتخاب کنید</center></b></td></tr><tr><td>
<b>رنگ زمینه:</b></td><td><select name="cc" size="1">
    <option value="black">سیاه
    </option><option value="blue">ابی
    </option><option value="green">سبز
    </option><option value="skyblue">ابی کم رنگ
    </option><option value="orange">نارنجی
    </option><option value="purple">بنفش
    </option><option value="red">قرمز
    </option><option value="silver">نقرهای
    </option><option value="Yellow">زرد
    </option><option selected="" value="white">سفید
    </option></select></td></tr><h1><a style="display:none;" href="https://www.codebazan.ir/">&#1705;&#1583;&#1576;&#1575;&#1586;&#1575;&#1606;</a></h1><tr><td>
<b>رنگ متن:</b></td><td>
    <select name="tc" size="1">
    <option selected="" value="black">سیاه
    </option><option value="blue">ابی
    </option><option value="green">سبز
    </option><option value="skyblue">ابی کم رنگ
    </option><option value="orange">نارنجی
    </option><option value="purple">بنفش
    </option><option value="red">قرمز
    </option><option value="silver">نقره ای
    </option><option value="Yellow">زرد
    </option><option value="white">سفید
 </option></select>
</td></tr><tr><td colspan="2">
<center><input type="button" name="button" value="انجام تغییرات" onclick="color()">
</center></td>
</tr></tbody></table>
</form>
</div>
 


<HEAD>
 
<h1><a style="display:none;" href="https://www.codebazan.ir/">&#1705;&#1583;&#1576;&#1575;&#1586;&#1575;&#1606;</a></h1><SCRIPT LANGUAGE="JavaScript">
 <!-- Begin
function color() {
document.bgColor=(""+ colc.cc.value +"");
document.body.text=(""+ colc.tc.value +"");
}
//  End -->
</script>
 
</HEAD>

 

4 Comments

  1. سایتتتتتتتوووونننن عالیییییییییی خیلی خوب بود
    ولی چرا بعد یه مدت این جدول تغییر رنگش کار نمیکنه لطفا جواب بدید

    رضا
    پاسخ

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *