Maison > interface Web > js tutoriel > le corps du texte

Méthode JS pour implémenter le clic sur le bloc de couleur pour changer la couleur d'arrière-plan des compétences Area_Javascript spécifiées

WBOY
Libérer: 2016-05-16 16:13:05
original
1339 Les gens l'ont consulté

L'exemple de cet article décrit la méthode JS permettant de changer la couleur d'arrière-plan d'une zone spécifiée en cliquant sur le bloc de couleur. Partagez-le avec tout le monde pour votre référence. La méthode de mise en œuvre spécifique est la suivante :

Copier le code Le code est le suivant :


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程序设计有所帮助。

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal