利用cookie記住背景顏色示例代碼
更新時(shí)間：2013年11月04日 17:06:55 作者：
背景顏色，比如換個(gè)心情之類(lèi)的，需要記住這樣的一個(gè)狀態(tài)，下面為大家介紹下利用cookie記住背景顏色的具體實(shí)現(xiàn)，感興趣的朋友不要錯(cuò)過(guò)
復(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">藍(lán)色</p>
</body>
</html>
相關(guān)文章
jquery插件之文字間歇自動(dòng)向上滾動(dòng)效果代碼
這篇文章主要介紹了jquery插件之文字間歇自動(dòng)向上滾動(dòng)效果代碼,涉及jquery基于時(shí)間函數(shù)定時(shí)觸發(fā)頁(yè)面元素變換實(shí)現(xiàn)滾動(dòng)效果的相關(guān)技巧,需要的朋友可以參考下2016-02-02
如何解決jQuery EasyUI 已打開(kāi)Tab重新加載問(wèn)題
最近在項(xiàng)目中遇到這樣的需求，要求實(shí)現(xiàn)點(diǎn)擊左側(cè)已經(jīng)打開(kāi)的tab可以刷新重新加載datagrid。下面給大家分享實(shí)現(xiàn)代碼，一起看看吧2016-12-12
這篇文章主要介紹了jquery插件格式,結(jié)合實(shí)例形式簡(jiǎn)單分析了jQuery插件的結(jié)構(gòu)與開(kāi)發(fā)技巧,并附帶了一本相關(guān)電子書(shū)供讀者下載參考,需要的朋友可以參考下2016-06-06
這篇文章主要介紹了jquery等待效果示例,需要的朋友可以參考下2014-05-05
通過(guò)實(shí)例比較一下使用 XMLHttpRequest和使用fetch之間的不同，這篇文章主要介紹了你不需要jQuery(三) 新AJAX方法fetch()2016-06-06
利用jQuery實(shí)現(xiàn)一個(gè)簡(jiǎn)單的表格上下翻頁(yè)效果
這篇文章主要給大家介紹了利用jQuery實(shí)現(xiàn)一個(gè)簡(jiǎn)單的表格上下翻頁(yè)效果的相關(guān)資料，文中介紹的很詳細(xì)，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。2017-03-03
jquery插件之定時(shí)查詢待處理任務(wù)數(shù)量
這篇文章主要介紹了jquery定時(shí)查詢待處理任務(wù)數(shù)量插件示例2014-05-05
jQuery標(biāo)簽替換函數(shù)replaceWith()的使用例子
這篇文章主要介紹了jQuery標(biāo)簽替換函數(shù)replaceWith()的使用例子,使用replaceWith可以替換模板里的標(biāo)簽,還可以實(shí)現(xiàn)多語(yǔ)言網(wǎng)站,需要的朋友可以參考下2014-08-08
學(xué)習(xí)了jquery,發(fā)現(xiàn)其功能真的很令我驚訝，為表格添加背景色用css也可以實(shí)現(xiàn)，卻不得不在<tr>標(biāo)簽里一行一行地添加，但用jquery只需四行代碼，就是這樣精簡(jiǎn)的用法，讓我對(duì)jquery產(chǎn)生了極大的興趣，也不得不驚嘆新興的技術(shù)所帶來(lái)的效率！2010-01-01
jQuery動(dòng)畫(huà)出現(xiàn)連續(xù)觸發(fā)、滯后反復(fù)執(zhí)行的解決方法
這篇文章主要介紹了jQuery動(dòng)畫(huà)出現(xiàn)連續(xù)觸發(fā)、滯后反復(fù)執(zhí)行的解決方法,實(shí)例分析了針對(duì)jQuery中slideUp、slideDown、animate等動(dòng)畫(huà)運(yùn)用時(shí)出現(xiàn)的滯后反復(fù)執(zhí)行等問(wèn)題的解決方法,需要的朋友可以參考下2015-01-01