Heim > Web-Frontend > js-Tutorial > Hauptteil

JS-Methode zum Implementieren des Klickens auf den Farbblock, um die Hintergrundfarbe der angegebenen Area_Javascript-Fähigkeiten zu ändern

WBOY
Freigeben: 2016-05-16 16:13:05
Original
1339 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt die JS-Methode zum Ändern der Hintergrundfarbe eines bestimmten Bereichs durch Klicken auf den Farbblock. Teilen Sie es als Referenz mit allen. Die spezifische Implementierungsmethode lautet wie folgt:

Code kopieren Der Code lautet wie folgt:


JS实现点击颜色块切换指定区域的背景颜色










适时切换网页指定区域背景颜色






请选择背景:














fonction get_cookie(name_to_get) {

    var cookie_pair
    var nom_cookie
    var cookie_value
    var cookie_array = document.cookie.split("; ")
    pour (compteur = 0; compteur < cookie_array.length; compteur) {
        cookie_pair = cookie_array[counter].split("=")
        cookie_name = cookie_pair[0]
        cookie_value = cookie_pair[1]
        if (cookie_name == name_to_get) {
            retourner unescape(cookie_value)
        >
    >
    renvoyer null
>
var bg_color = get_cookie("bgColor_cookie")
fonction set_color(color_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
    si (cookie_expire) {
        var expire_date = nouvelle 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
    >
    si (cookie_domain) {
        cookie_string = "; domain=" cookie_domain
    >
    si (cookie_secure) {
        cookie_string = "; vrai"
    >
    document.cookie = cookie_string
>
si (bg_color) {
    bb1.style.backgroundColor = bg_color
>


希望本文所述对大家的javascript程序设计有所帮助。

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage