Cet article décrit la méthode de JS pour changer la couleur d'arrière-plan de la zone spécifiée en cliquant sur le bloc de couleurs. Partagez-le pour votre référence. La méthode de mise en œuvre spécifique est la suivante:
Copiez le code comme suit: <html>
<adal>
<Title> JS se rend compte de cliquer sur le bloc de couleur pour changer la couleur d'arrière-plan de la zone spécifiée </Title>
</ head>
<body>
<div align = "Center">
<Tableau bgColor = # f8f8f8 CellPadding = "0" style = "Border-Collapse: effondrement" id = "bb1">
<tr>
<td colspan = "2">
<div align = "Center">
<table cellpadding = "0" style = "border-collapse: effondrement" id = "table2">
<tr> <td style = "line-height: 150%"> <span style = "font-size: 14px"> commutez la couleur d'arrière-plan de la zone spécifiée de la page Web dans le temps </span> </td>
</tr> </ table>
</div>
</td>
</tr> </ table> </div>
<div align = "Center">
<table cellpadding = "0" style = "border-collapse: effondrement" id = "table1">
<tr> <td> <p align = "droite"> <font color = "# 808080"> <span style = "font-size: 9pt"> Veuillez sélectionner l'arrière-plan: </span> </font> </td>
<td> <div align = "Center"> <Table CellPacing = "0" CellPadding = "0" id = "Table1" style = "Border-Collapse: Effondrement" 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>
</ table>
</div> </td> </tr> </ table>
</div>
<Script Language = JavaScript>
fonction get_cookie (name_to_get) {
var cookie_pair
var cookie_name
var cookie_value
var cookie_array = document.cookie.split (";")
pour (compteur = 0; compteur <cookie_array.length; compteur ++) {
cookie_pair = cookie_array [compteur] .split ("=")
cookie_name = cookie_pair [0]
cookie_value = cookie_pair [1]
if (cookie_name == name_to_get) {
Retour Unescape (cookie_value)
}
}
retourner null
}
var bg_color = get_cookie ("bgcolor_cookie")
fonction set_color (colore_val) {
set_cookie ("bgcolor_cookie", color_val, 365, "/")
}
fonction 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.togmtsstring ()
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
}
</cript>
</docy>
</html>
J'espère que cet article sera utile à la programmation JavaScript de tous.