我已经看过几次这个帖子了,但我根本无法得到代码.我需要帮助制作此下拉菜单将其设置保存到cookie,因此当用户再次访问该网站时,将保留其先前的选择.
落下:
<select id="ThemeSelect">
<option value="zelda">Zelda</option>
<option value="smb2">SMB 2</option>
</select>
Run Code Online (Sandbox Code Playgroud)
作为参考,此代码与Wordpress小部件中的一些Javascript一起更改css代码,如主题选择器.
我如何将此保存为cookie?我觉得我已经尝试了一切!
编辑:我应该说,但我用这段代码来改变CSS:
var saveclass = null;
var sel = document.getElementById('ThemeSelect');
sel.onchange = function(){
saveclass = saveclass ? saveclass : document.body.className;
document.body.className = saveclass + ' ' + sel.value;
};
Run Code Online (Sandbox Code Playgroud) 所以,因为我已经决定为我的网站绝对主题的问题,我想,让用户选择从下拉菜单中选择一个主题,并点击的选项时,它会更改背景图片,背景颜色和背景定位.
例如.如果用户选择了"Mario Bros 3"主题,他们就会得到
background-image:url('smb3.jpg');
background-repeat:repeat-x;
background-position:left bottom;
background-attachment: fixed;
background-color: #6899f8;
Run Code Online (Sandbox Code Playgroud)
如果你选择"塞尔达LTTP"主题,你会得到
background-image:url('zeldalttp.jpg');
background-repeat:no-repeat;
background-position:left bottom;
background-attachment: fixed;
background-color: Black;
Run Code Online (Sandbox Code Playgroud)
我想将它放在下拉菜单中,让它记住您的选择,以便每次都适用.
我接下来不知道怎么做,有人可以帮忙吗?