利用cookie记住背景颜色示例代码
更新时间：2013年11月04日 17:06:55 作者：
背景颜色，比如换个心情之类的，需要记住这样的一个状态，下面为大家介绍下利用cookie记住背景颜色的具体实现，感兴趣的朋友不要错过
复制代码 代码如下:
<!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>
相关文章
这篇文章主要介绍了jquery插件之文字间歇自动向上滚动效果代码,涉及jquery基于时间函数定时触发页面元素变换实现滚动效果的相关技巧,需要的朋友可以参考下2016-02-02
如何解决jQuery EasyUI 已打开Tab重新加载问题
最近在项目中遇到这样的需求，要求实现点击左侧已经打开的tab可以刷新重新加载datagrid。下面给大家分享实现代码，一起看看吧2016-12-12
这篇文章主要介绍了jquery插件格式,结合实例形式简单分析了jQuery插件的结构与开发技巧,并附带了一本相关电子书供读者下载参考,需要的朋友可以参考下2016-06-06
这篇文章主要介绍了jquery等待效果示例,需要的朋友可以参考下2014-05-05
通过实例比较一下使用 XMLHttpRequest和使用fetch之间的不同，这篇文章主要介绍了你不需要jQuery(三) 新AJAX方法fetch()2016-06-06
这篇文章主要给大家介绍了利用jQuery实现一个简单的表格上下翻页效果的相关资料，文中介绍的很详细，需要的朋友可以参考借鉴，下面来一起看看吧。2017-03-03
这篇文章主要介绍了jquery定时查询待处理任务数量插件示例2014-05-05
jQuery标签替换函数replaceWith()的使用例子
这篇文章主要介绍了jQuery标签替换函数replaceWith()的使用例子,使用replaceWith可以替换模板里的标签,还可以实现多语言网站,需要的朋友可以参考下2014-08-08
学习了jquery,发现其功能真的很令我惊讶，为表格添加背景色用css也可以实现，却不得不在<tr>标签里一行一行地添加，但用jquery只需四行代码，就是这样精简的用法，让我对jquery产生了极大的兴趣，也不得不惊叹新兴的技术所带来的效率！2010-01-01
这篇文章主要介绍了jQuery动画出现连续触发、滞后反复执行的解决方法,实例分析了针对jQuery中slideUp、slideDown、animate等动画运用时出现的滞后反复执行等问题的解决方法,需要的朋友可以参考下2015-01-01
最新评论