首頁  >  文章  >  web前端  >  利用cookie記住背景顏色範例程式碼_jquery

利用cookie記住背景顏色範例程式碼_jquery

WBOY
WBOY原創
2016-05-16 17:17:46983瀏覽
複製代碼如下代碼:

渡//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


標題>



#p1{ 背景顏色:紅色;寬度:40px;邊框:實心1px 黃色;邊距:5px;浮動:左}
#p2{背景顏色:黃色;寬度:40px;邊框:1px實心紅色;邊距:5px;浮動:左}
#p3{背景顏色:藍色;寬度:40px;邊框:實心1px 黃色;邊距:5px;浮動:左}
;

$(function () {
if ($.cookie("bgcolor")) {
$("body").css("背景顏色", $.cookie("bgcolor ") );
}

$("p").click(function () {
$("body").css("背景顏色", $(this).css ( "背景顏色"));
$.cookie("bgcolor", $("body").css("背景顏色"), { 過期: 7 })
})
})
腳本>
頭>

藍色 p>
身體>

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn