ホームページ > ウェブフロントエンド > jsチュートリアル > カラーブロックをクリックして指定エリアの背景色を切り替えるJSメソッド_javascriptスキル

カラーブロックをクリックして指定エリアの背景色を切り替えるJSメソッド_javascriptスキル

WBOY
リリース: 2016-05-16 16:13:05
オリジナル
1357 人が閲覧しました

この記事の例では、カラー ブロックをクリックして指定した領域の背景色を切り替える JS メソッドを説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

コードをコピー コードは次のとおりです:


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










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






请选择背景:













<スクリプト言語=javascript>
function 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[カウンター].split("=")
        クッキー名 = クッキーペア[0]
        クッキー値 = クッキーペア[1]
        if (cookie_name == name_to_get) {
            return unescape(cookie_value)
        }
    }
    null を返す<​​🎜> }
var bg_c​​olor = 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) {
        varexpire_date = 新しい日付()
        var ms_from_now = cookie_expire * 24 * 60 * 60 * 1000
        expire_date.setTime(expire_date.getTime() ms_from_now)
        var期限切れ_文字列 = 期限切れ_日付.toGMTString()
        cookie_string = "; 期限切れ = 期限切れ_文字列
    }

if (cookie_path) {

        cookie_string = "; path=" cookie_path
    }
    if (cookie_domain) {
        cookie_string = "; ドメイン = cookie_domain
    }
    if (cookie_secure) {
        cookie_string = "; true"
    }
    document.cookie = cookie_string
}
if (bg_color) {
    bb1.style.backgroundColor = bg_c​​olor
}



ここで説明されている大家向けの JavaScript プログラムの設計が役立つことを望みます。
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート