Question to say "I can!"

讓網頁記住用戶的選擇樣式

2012-03-29

找這個功能很久了。就是當瀏覽者選擇了頁面上的某個功能(比如字體,顏色等),下次再打開時自動顯示先前的樣式。

例子如下:

<!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>
<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:

發表評論

電子郵件地址不會被公開。 必填項已用*標注

*

澳洲f1赛车b盘开奖套路 今日股票在线查询 期货软件哪个最好 15选5选号技巧大全 选取股票分析方法 福建十一选五助手下载 三分彩开奖记录 青海快3走势图综合指标 浙江11选5开奖结果 辽宁35选7开奖结果查询 浙江风采 今期开码结果开奖今晚 股票公式涨停 管家婆四肖精选期期中 pk10 91配资 北京快三全天人工计划 什么会影响股票涨跌