如何为后台更改程序代码设置cookie
How can i set cookie for background changer code?
以下是设置cookie所需的代码。是一个身体背景图像更改器,我想设置cookie在x天后过期!不管是javascript还是jquery cookie!
<script>
$(document).ready(function(){
$("li.one").click( function(){ $
("body").removeClass('bg2 , bg3 , bg4 , bg5 , bg6 , bg7 ,bg8').addClass("bg1");
});
$("li.two").click( function(){ $
("body").removeClass("bg1 , bg3 , bg4 , bg5 , bg6 , bg7 , bg8").addClass("bg2");
});
$("li.three").click( function(){ $
("body").removeClass("bg1 , bg2 , bg4 , bg5 , bg6 , bg7 , bg8").addClass("bg3");
});
$("li.four").click( function(){ $
("body").removeClass('bg1 , bg2 , bg3 , bg5 , bg6 , bg7 , bg8').addClass("bg4");
});
$("li.five").click( function(){ $
("body").removeClass('bg1 , bg2 , bg3 , bg4 , bg6 , bg7 , bg8').addClass("bg5");
});
$("li.six").click( function(){ $
("body").removeClass('bg1 , bg2 , bg3 , bg4 , bg5 , bg7 , bg8').addClass("bg6");
});
$("li.seven").click( function(){ $
("body").removeClass('bg1 , bg2 , bg3 , bg4 , bg5 , bg6 , bg8').addClass("bg7");
});
$("li.eight").click( function(){ $
("body").removeClass('bg1 , bg2 , bg3 , bg4 , bg5 , bg6 , bg7').addClass("bg8");
});
});
</script>
<ul id="foxycode-panel_bg_image">
<li class="one"><a href="#"></a></li>
<li class="two"><a href="#"></a></li>
<li class="three"><a href="#"></a></li>
<li class="four"><a href="#"></a></li>
</ul>
................
谢谢
如果您正在寻找一种设置cookie n天的方法。您可以使用以下功能:
<script type="text/javascript">
function setCookie(cookieName,cookieValue,nDays) {
var today = new Date();
var expire = new Date();
if (nDays==null || nDays==0) nDays=1;
expire.setTime(today.getTime() + 3600000*24*nDays);
document.cookie = cookieName+"="+escape(cookieValue)+ ";expires="+expire.toGMTString();
}
</script>
and to get the cookie, you can use
<script type="text/javascript">
function getCookie(cname) {
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++) {
var c = ca[i].trim();
if (c.indexOf(name)==0) return c.substring(name.length,c.length);
}
return "";
}
</script>
非常适合我。
您可以尝试使用类似的jQuery cookie
$(document).ready(function () {
var $lis = $("#foxycode-panel_bg_image li");
var classes = $lis.map(function () {
return $(this).data('class')
}).get()
$lis.click(function () {
$("body").removeClass(classes.join(' ')).addClass($(this).data('class'));
$.cookie('background-class', $(this).data('class'), {
expires: 7
});
});
var clazz = $.cookie('background-class');
if (clazz) {
$("body").addClass(clazz)
}
});
.bg1 {
background-color: #ff0000;
}
.bg2 {
background-color: #00ff00;
}
.bg3 {
background-color: #0000ff;
}
.bg4 {
background-color: #0ffff0;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<ul id="foxycode-panel_bg_image">
<li class="one" data-class="bg1"><a href="#">bg1</a></li>
<li class="two" data-class="bg2"><a href="#">bg2</a></li>
<li class="three" data-class="bg3"><a href="#">bg3</a></li>
<li class="four" data-class="bg4"><a href="#">bg4</a></li>
</ul>
演示:Fiddle
相关文章:
- 如何为后台更改程序代码设置cookie
- 为什么当async标志设置为false时,xmlhttprequest中的代码可以工作,而当它设置为true时却不能工作
- 设置变量时破坏游戏代码
- 如何在onclick事件执行代码时在ImageButton上设置加载gif
- 如何在AngularJS的上下文中使用Google Chrome Developer Tool在HTML代码中设置断点
- 如何在WordPress中设置此代码
- 如何在代码镜像编辑器中设置隐藏值
- 如何在此脚本代码中正确设置此计算和变量
- requirejs在代码中设置事件
- 使用 JS 代码设置鼠标位置,并将位置放在其他 JS 代码中
- 根据国家/地区代码设置电话号码的格式
- 将 jquery 代码设置为正文页面加载
- 如何将此 Jquery 代码设置为正文加载
- 将javascript代码设置为变量
- 将javascript代码设置为使用服务器时间
- 使用相同的代码设置多个cookie..使用jQuery或JavaScript
- 如何编写代码设置间隔和清除间隔在角
- 如何为这段Javascript代码设置背景图像的宽度?
- 如何使用诺基亚地图的国家代码设置国家?
- 如何从Javascript代码设置单元格宽度(HTML表)