이 기사에서는 컬러 블록을 클릭하여 지정된 영역의 배경색을 전환하는 JS 방법에 대해 설명합니다. 참조를 위해 공유하십시오. 특정 구현 방법은 다음과 같습니다.
다음과 같이 코드를 복사하십시오. <html>
<헤드>
<title> js는 지정된 영역의 배경색을 전환하기 위해 색상 블록을 클릭한다는 것을 알고 있습니다 </title>
</head>
<body>
<div align = "center">
<table bgcolor =#f8f8f8 cellpadding = "0"style = "Border-Collapse : Collapse"id = "bb1">
<tr>
<td colspan = "2">
<div align = "center">
<table cellpadding = "0"style = "Border-Collapse : Collapse"id = "table2">
<tr> <td style = "line-height : 150%"> <span style = "font-size : 14px"> 웹 페이지의 지정된 영역의 배경색을 시간에 </span> </td>
</tr> </table>
</div>
</td>
</tr> </table> </div>
<div align = "center">
<table cellpadding = "0"style = "Border-Collapse : Collapse"id = "table1">
<tr> <td> <p align = "right"> <font color = "#808080"> <span style = "font-size : 9pt"> 배경을 선택하십시오 : </span> </font> </td>
<td> <div align = "center"> <table cellpacing = "0"cellPadding = "0"id = "table1"style = "Border-Collapse : Collapse"BorderColor = "#fffff">
<tr>
<td onclick = "bb1.style.backgroundcolor = 'fdfdf0'; set_color ( 'fdfdf0')"bgcolor = "#fdfdf0"> </td>
<td onclick = "bb1.style.backgroundcolor = 'b1d5f3'; set_color ( 'b1d5f3')"bgcolor = "#b1d5f3"> </td>
<td onclick = "bb1.style.backgroundcolor = 'b4e7d9'; set_color ( 'b4e7d9')"bgcolor = "#b4e7d9"> </td>
<td onclick = "bb1.style.backgroundcolor = 'f1e8ff'; set_color ( 'f1e8ff')"bgcolor = "#f1e8ff"> </td>
<td onclick = "bb1.style.backgroundcolor = 'e8fff3'; set_color ( 'e8fff3')"bgcolor = "#e8fff3"> </td>
<td onclick = "bb1.style.backgroundcolor = 'cdcdde'; set_color ( 'cdcdde')"bgcolor = "#cdcdde"> </td>
</tr>
</테이블>
</div> </td> </tr> </table>
</div>
<스크립트 언어 = javaScript>
함수 get_cookie (name_to_get) {
var cookie_pair
var cookie_name
var cookie_value
var cookie_array = document.cookie.split ( ";")
for (counter = 0; counter <cookie_array.length; counter ++) {
cookie_pair = cookie_array [counter] .split ( "=")
Cookie_name = Cookie_Pair [0]
Cookie_Value = Cookie_Pair [1]
if (cookie_name == name_to_get) {
UNESCAPE 반환 (Cookie_Value)
}
}
널 리턴
}
var bg_color = get_cookie ( "bgcolor_cookie")
함수 set_color (color_val) {
set_cookie ( "bgcolor_cookie", color_val, 365, "/")
}
함수 set_cookie (cookie_name, cookie_value, cookie_expire, cookie_path, cookie_domain, cookie_secure) {
var cookie_string = cookie_name + "=" + cookie_value
if (cookie_expire) {
var expire_date = new Date ()
var ms_from_now = cookie_expire * 24 * 60 * 60 * 1000
expire_date.settime (expire_date.gettime () + ms_from_now)
var expire_string = expire_date.togmtstring ()
cookie_string + = "; expires =" + expire_string
}
if (cookie_path) {
cookie_string + = "; path =" + cookie_path
}
if (cookie_domain) {
cookie_string + = "; domain =" + cookie_domain
}
if (cookie_secure) {
cookie_string += "; true"
}
document.cookie = cookie_string
}
if (bg_color) {
bb1.style.backgroundcolor = bg_color
}
</스크립트>
</body>
</html>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.