将背景颜色更改为本地颜色.存储(价值)
Change background color with local.Storage (value)
我想更改div的背景色:
箭头框
为此,我必须分配给你可以点击的地方。triggerd函数保存"farbe"键的本地存储值。
<div class="radior" style="background-color:#8066CC;" onClick='localStorage.setItem("farbe","#8066CC");hey()'></div>
因此,在那之后,键"farbe"的值被问到。此外,这是一个案例。。。我想你最好读一下我的代码,因为我想我需要一些英语课对不起!
function hey(){
switch (localStorage.getItem("farbe")){
case "#121212":
var h = "black"
case "#1bc38e":
var h = "turk"
case "#C3594B":
var h = "red"
case "#8066CC":
var h = "lila"
}
document.getElementsByClassName("arrow_box")[0].style.backgroundColor=""+h+""; ;
}
Some它怎么不起作用了!或者你看一个关于我小提琴问题的例子http://jsfiddle.net/PpsLH/4/!来自德国的问候!
将函数更改为:
hey = function(){
switch (localStorage.getItem("farbe")){
case "#121212":
var h = "black";
break ;
case "#1bc38e":
var h = "turk";
break ;
case "#C3594B":
var h = "red";
break ;
case "#8066CC":
var h = "lila";
break ;
}
document.getElementsByClassName("arrow_box")[0].style.backgroundColor=h;
}
顺便说一下,lila
不是一个有效的HTML颜色,所以它不起作用。
您应该从代码中删除任何内联事件处理程序。此外,整个切换部分和更改为命名的CSS颜色似乎是多余的。看看jQuery 中写的这段代码
var box = $('div.arrow_box');
$('body').on('click','div.radior',function(e){
var color = $(e.target).css('backgroundColor');
localStorage.setItem('farbe',color);
box.css('backgroundColor',color);
});
和一把工作小提琴http://jsfiddle.net/chrisdanek/BaJvC/5/
尝试这个
<div class="arrow_box"><a>Arrow Box</a></div>
<div class="radior" style="background-color:#C3594B;" onClick="localStorage.setItem('farbe','#C3594B');window.hey()"></div>
<br>
<div class="radior" style="background-color:#8066CC;" onclick='localStorage.setItem("farbe","#8066CC");window.hey()'></div>
对于javascript
window.hey = function ()
{
var h="";
if (localStorage.getItem("farbe")=="#121212")
{
var h = "black";
} else
if (localStorage.getItem("farbe")=="#1bc38e")
{
var h = "turk";
} else
if (localStorage.getItem("farbe")=="#C3594B")
{
var h = "red";
} else
if (localStorage.getItem("farbe")=="#8066CC")
{
var h = "lila";
}
document.getElementsByClassName("arrow_box")[0].style.backgroundColor=h+"";
}
相关文章:
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 高亮显示时编辑文本大小和颜色
- 用与线条相同的颜色填充多折线图上的点
- 将作用域存储在JSON中
- 更改使用Chart.js创建的图表中的轴线颜色
- 使用javascript存储变量的最安全方式
- 当图像转换为本地存储的DataURL时,EXIF被删除
- 如何使用jquery更改html中的背景颜色
- 如何在chrome扩展中存储数据/结果,以及如何使用setTimeout使其只被调用一次
- 如何有效地将游戏数据存储在URL查询字符串中
- Ember.js-接口状态应该存储在哪里
- 如何解雇“;铁局部存储负载”;事件
- 如何在存储颜色名称的 Less 变量中转义引号
- 使用存储的颜色设置ng中的动态背景颜色重复
- 如何在本地存储中保存表格单元格中的背景颜色更改
- 我如何存储当前的头部颜色到一个局部变量时,单击
- 如何在会话中存储javascript背景颜色变化
- 将背景颜色更改为本地颜色.存储(价值)
- 在HTML5画布中重新绘制彩色圆圈,将值存储在数组中或每次重新计算颜色的更好方法
- ASP cookie或Session存储背景颜色