Question to say "I can!"

河北彩票快三开奖结果:让网页记住用户的选择样式

2012-03-29

找这个功能很久了。就是当浏览者选择了页面上的某个功能(比如字体,颜色等),下次再打开时自动显示先前的样式。

例子如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="//www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset="UTF-8">
<title>徹底無下拉箭頭的Select選框</title>
</head>
<body>
徹底無下拉箭頭的Select選框支持IE-Firefox-Chrome<br><br>
<select style="position:absolute;clip: rect(3px 30px 18px 3px);">
<script language="JavaScript">
for (i=1; i<13; i++)
document.write('<option>'+i+'月</option>')
//-->
</script>
</select><br>
<br>
<script type="text/javascript">
function get_cookie(name) {
search=name + "="
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset >= 0) {
offset += search.length
end = document.cookie.indexOf(";", offset)
if (end == -1) end=document.cookie.length
return unescape(document.cookie.substring(offset, end))
}
}
return null
}
function setcolor() {
choice=document.back.colar.selectedIndex
new_colar=document.back.colar.options[choice].value
document.bgColor= new_colar
document.cookie= "backgroundcolor=" + new_colar
}
if (get_cookie("backgroundcolor")!="") document.bgColor=get_cookie("backgroundcolor")
</script>
<form name="back" size="0">
<select name="colar" onclick="color()" style="position:absolute;clip: rect(3px 95px 18px 3px);font-size:12px">
<option>--默認背景顏色--</option>
<option value="#66aaff" style="background-color: #66aaff">33333</option>
<option value="#dddddd" style="background-color: #dddddd"></option>
<option value="blue"??? style="background-color: blue"></option>
<option value="skyblue" style="background-color: skyblue"></option>
<option value="#aaccff" style="background-color: #aaccff"></option>
<option value="green"?? style="background-color: green"></option>
<option value="#33dd33" style="background-color: #33dd33"></option>
<option value="#80ff80" style="background-color: #80ff80"></option>
<option value="#ccffcc" style="background-color: #ccffcc"></option>
<option value="orange"? style="background-color: orange"></option>
<option value="#ffccdd" style="background-color: #ffccdd"></option>
<option value="silver" style="background-color: silver"></option>
<option value="yellow" style="background-color: yellow"></option>
<option value="#eabe83" style="background-color: #eabe83"></option>
<option value="#cccc66" style="background-color: #cccc66"></option>
<option value="#777777" style="background-color: #777777"></option>
<option value="#555555" style="background-color: #555555"></option>
<option value="#222222" style="background-color: #222222"></option>
</option>
</select>
<input type="button" value="確定" onClick="setcolor()" style="position:absolute;left:130px;width:40px;height:18px">
</form> <br><br>
</body>
</html> <div style="text-align:center;margin:30px 0 0 0;"><hr style="color:#999;height:1px;">如不能显示效果,请按Ctrl+F5刷新本页。</a></div>

作者:admin | Categories:设计问题 | Tags: 、、

发表评论

电子邮件地址不会被公开。 必填项已用*标注

*

  • 男人不安全了?日本读心美女机器人,你咋想的它全知道! 2019-05-03
  • 重庆市永川区:“1+8+X”模式探索基层人民调解新路子 2019-05-03
  • 春节我在岗:爸妈,儿子在军营给您们拜年了 2019-04-22
  • 传统文化,在中国文化里,居住是衡量一个家庭生活的基本因素。 2019-04-15
  • 俄韩就铺设途经朝鲜的天然气管道恢复磋商 2019-04-15
  • 经营者要想“我心换你心”,就要未雨绸缪,让不诚信的诱惑少一点,如此才能在市场中生存下来。反过来说,承担不起亏损就关门歇业,是否也是一种不诚信呢? 2019-04-11
  • 江西省能源集团公司党委副书记胡运生等2人被调查 2019-04-11
  • 乌鲁木齐:这个端午,他们的假日叫“坚守” 2019-03-29
  • 中国电信安康分公司60家智慧家庭便民服务中心盛大开业中国电信安康-最新活动 2019-03-28
  • 中心城区核心片组完成签约清零任务 2019-03-28
  • (Dos sesiones) Legislativo nacional de China concluye sesión anual Spanish.xinhuanet.com 2019-03-28
  • 西班牙一旅游公司官网竟把台湾和香港列为“国家” 2019-03-27
  • 【一周反腐】广东、重庆等地多名厅级干部被查处 2019-03-27
  • 任志强:房价走势并不是不可预测市场 开炮 2019-03-26
  • 世界醉美10条街道,亚洲只有中国上榜! 2019-03-23
  • 668| 121| 300| 338| 419| 117| 640| 480| 509| 600|