JS操作Cookie實(shí)現(xiàn)菜單位置保存_菜單導(dǎo)航特效

用JavaScript操縱Cookie實(shí)現(xiàn)菜單保存的一個(gè)實(shí)例，假如你正在編寫一個(gè)JS層拖動(dòng)的功能，那么這段代碼可以幫你實(shí)現(xiàn)拖動(dòng)位置的保存，讓瀏覽器往保存用戶拖動(dòng)網(wǎng)頁(yè)某個(gè)層的位置，這樣是不是方便了很多？

<!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" mrc="text/html; charset=gb2312" />
<title>Cookie菜單</title>
<style>
a{color:#5A73F3;text-decoration:none}
body{background:#003399;margin:28px;font-size:10.5pt;}
#menu li{float:left;height:26px;line-height:26px;list-style:none}
#menu li a{padding:10px;}
a:hover{background:skyblue;color:#fff}
a.hover{height:26px;line-height:26px;background:red;color:#fff}
a,area{blr:e-xpression(this.onFocus=this.blur())}
:focus{-moz-outline-style:none;} 
</style>

</head>
<body>
<font color=yellow>點(diǎn)擊一下菜單，你可以刷新一下頁(yè)面，是不是選中的菜單還停留在剛才的位置？
<div id="menu">
	<ul>
	<li><a href="javascript:void(0)" class="hover" onclick="changename(0)" hidefocus="true">mb5u.com</a></li>
	<li><a href="javascript:void(0)" onclick="changename(1)" hidefocus="true">ASP源碼</a></li>
	<li><a href="javascript:void(0)" onclick="changename(2)" hidefocus="true">PHP源碼</a></li>
	<li><a href="javascript:void(0)" onclick="changename(3)" hidefocus="true">JSP源碼</a></li>
	<li><a href="javascript:clear();" hidefocus="true">重置菜單</a></li>
	</ul>
</div>
<script language="javascript">
function changename(c,cl)
{
	var d=document.getElementById("menu").getElementsByTagName("a");
	if(!cl)
	{
                      writeCookie("hovers",c,222);
	}
	c=readCookie("hovers")?readCookie("hovers"):c;
	for(i=0;i<d.length;i++)
	{
	    d[i].className=i==c?"hover":"";
	}
}
function writeCookie(name, value, hours)
{
  var expire = "";
  if(hours != null)
  {
    expire = new Date((new Date()).getTime() + hours * 3600000);
    expire = "; expires=" + expire.toGMTString();
  }
  document.cookie = name + "=" + escape(value) + expire;
}
// alert( readCookie("myCookie") );
function readCookie(name)
{
  var cookieValue = "";
  var search = name + "=";
  if(document.cookie.length > 0)
  { 
    offset = document.cookie.indexOf(search);
    if (offset != -1)
    { 
      offset += search.length;
      end = document.cookie.indexOf(";", offset);
      if (end == -1) end = document.cookie.length;
      cookieValue = unescape(document.cookie.substring(offset, end))
    }
  }
  return cookieValue;
}
function clear()
{
	writeCookie("hovers","",222);
	document.location=document.location.href;
}
changename(0,1)
</script>
</body>
</html>

所屬頻道：菜單導(dǎo)航特效/更新時(shí)間：2010-05-22

[收藏][報(bào)錯(cuò)][返回列表]

相關(guān)菜單導(dǎo)航特效：

菜單導(dǎo)航特效Rss訂閱特效代碼搜索

菜單導(dǎo)航特效推薦

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁(yè)鏈接| 搜索JS操作Cookie實(shí)現(xiàn)菜單位置保存
特效說明：
菜單導(dǎo)航模板-JS操作Cookie實(shí)現(xiàn)菜單位置保存。

日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

JS操作Cookie實(shí)現(xiàn)菜單位置保存_菜單導(dǎo)航特效

菜單導(dǎo)航特效Rss訂閱特效代碼搜索

菜單導(dǎo)航特效推薦

猜你也喜歡看這些