利用cookie記住背景顏色示例代碼
更新時間：2013年11月04日 17:06:55 作者：
背景顏色，比如換個心情之類的，需要記住這樣的一個狀態(tài)，下面為大家介紹下利用cookie記住背景顏色的具體實現(xiàn)，感興趣的朋友不要錯過
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="Scripts/jquery-1.10.2.min.js"></script>
<script src="Scripts/jquery.cookie.js" type="text/javascript"></script>
<style type="text/css">
#p1{ background-color:Red ; width:40px; border:solid 1px yellow ; margin:5px; float:left}
#p2{background-color:Yellow ;width:40px; border:solid 1px red; margin:5px; float:left}
#p3{background-color:Blue;width:40px; border:solid 1px yellow; margin:5px; float:left}
</style>
<script type="text/javascript">
$(function () {
if ($.cookie("bgcolor")) {
$("body").css("background-color", $.cookie("bgcolor"));
}
$("p").click(function () {
$("body").css("background-color", $(this).css("background-color"));
$.cookie("bgcolor", $("body").css("background-color"), { expires: 7 });
})
})
</script>
</head>
<body>
<p id="p1">紅色</p><p id="p2">黃色</p><p id="p3">藍色</p>
</body>
</html>
相關(guān)文章
這篇文章主要介紹了jquery插件之文字間歇自動向上滾動效果代碼,涉及jquery基于時間函數(shù)定時觸發(fā)頁面元素變換實現(xiàn)滾動效果的相關(guān)技巧,需要的朋友可以參考下2016-02-02
如何解決jQuery EasyUI 已打開Tab重新加載問題
最近在項目中遇到這樣的需求，要求實現(xiàn)點擊左側(cè)已經(jīng)打開的tab可以刷新重新加載datagrid。下面給大家分享實現(xiàn)代碼，一起看看吧2016-12-12
這篇文章主要介紹了jquery插件格式,結(jié)合實例形式簡單分析了jQuery插件的結(jié)構(gòu)與開發(fā)技巧,并附帶了一本相關(guān)電子書供讀者下載參考,需要的朋友可以參考下2016-06-06
這篇文章主要介紹了jquery等待效果示例,需要的朋友可以參考下2014-05-05
通過實例比較一下使用 XMLHttpRequest和使用fetch之間的不同，這篇文章主要介紹了你不需要jQuery(三) 新AJAX方法fetch()2016-06-06
這篇文章主要給大家介紹了利用jQuery實現(xiàn)一個簡單的表格上下翻頁效果的相關(guān)資料，文中介紹的很詳細(xì)，需要的朋友可以參考借鑒，下面來一起看看吧。2017-03-03
這篇文章主要介紹了jquery定時查詢待處理任務(wù)數(shù)量插件示例2014-05-05
jQuery標(biāo)簽替換函數(shù)replaceWith()的使用例子
這篇文章主要介紹了jQuery標(biāo)簽替換函數(shù)replaceWith()的使用例子,使用replaceWith可以替換模板里的標(biāo)簽,還可以實現(xiàn)多語言網(wǎng)站,需要的朋友可以參考下2014-08-08
學(xué)習(xí)了jquery,發(fā)現(xiàn)其功能真的很令我驚訝，為表格添加背景色用css也可以實現(xiàn)，卻不得不在<tr>標(biāo)簽里一行一行地添加，但用jquery只需四行代碼，就是這樣精簡的用法，讓我對jquery產(chǎn)生了極大的興趣，也不得不驚嘆新興的技術(shù)所帶來的效率！2010-01-01
jQuery動畫出現(xiàn)連續(xù)觸發(fā)、滯后反復(fù)執(zhí)行的解決方法
這篇文章主要介紹了jQuery動畫出現(xiàn)連續(xù)觸發(fā)、滯后反復(fù)執(zhí)行的解決方法,實例分析了針對jQuery中slideUp、slideDown、animate等動畫運用時出現(xiàn)的滯后反復(fù)執(zhí)行等問題的解決方法,需要的朋友可以參考下2015-01-01