亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 網站 > 實用代碼 > 正文

左側的JS后臺折疊菜單，支持Cookie保存

2024-09-05 12:19:56

字體：大中小

來源：轉載

供稿：網友

一款可以用到后臺管理的左側的JS折疊菜單，而且加入主Cookies技術，使得操作項可以適時保存，也就是當您刷新頁面的時候，你上次打開菜單的當前項不會改變，直至Cookies失效為止。而且它的外觀也挺漂亮的，相信開發網站的朋友會用得上。

<!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" xml:lang="UTF-8" lang="UTF-8"><head> <title>后臺管理菜單</title> <style type="text/css"> body {margin:0;text-align:center;color:#000;font:normal 12px Arial,Verdana,Tahoma;text-align:center;background:#C8D0D5;line-height:150%;} a:link,a:visited {color:#385065;text-decoration:none} a:hover {text-decoration:underline} #menu {width:150px;margin:0px 15px;padding:0px;text-align:left;list-style:none} #menu .item {margin:5px 0px;padding:0px;list-style:none} a.title:link, a.title:visited, a.title:hover {display:block;background:url(/jscss/demoimg/200906/m201.gif) no-repeat;color:#385065;font-weight:bold;padding:2px 0 0 22px;width:128px;line-height:23px;cursor:pointer;text-decoration:none} #menu .item ul {border:1px solid #9FACB7;margin:0;width:118px;padding:3px 0px 3px 30px;background:#fff;list-style:none;display:none} #menu .item ul li {display:block;} </style> <script language="javascript" type="text/javascript"> // --- 獲取ClassName document.getElementsByClassName = function(cl) {  var retnode = [];  var myclass = new RegExp('//b'+cl+'//b');  var elem = this.getElementsByTagName('*');  for (var j = 0; j < elem.length; j++) {   var classes = elem[j].className;   if (myclass.test(classes)) retnode.push(elem[j]);  }  return retnode; }  // --- 隱藏所有 function HideAll() {  var items = document.getElementsByClassName("optiton");  for (var j=0; j<items.length; j++) {   items[j].style.display = "none";  } }  // --- 設置cookie function setCookie(sName,sValue,expireHours) {  var cookieString = sName + "=" + escape(sValue);  //;判斷是否設置過期時間  if (expireHours>0) {    var date = new Date();    date.setTime(date.getTime + expireHours * 3600 * 1000);    cookieString = cookieString + "; expire=" + date.toGMTString();  }  document.cookie = cookieString; }  //--- 獲取cookie function getCookie(sName) {   var aCookie = document.cookie.split("; ");   for (var j=0; j < aCookie.length; j++){  var aCrumb = aCookie[j].split("=");  if (escape(sName) == aCrumb[0])    return unescape(aCrumb[1]);   }   return null; }  window.onload = function() {  var show_item = "opt_1";  if (getCookie("show_item") != null) {    show_item= "opt_" + getCookie("show_item");  }  document.getElementById(show_item).style.display = "block";  var items = document.getElementsByClassName("title");  for (var j=0; j<items.length; j++) {   items[j].onclick = function() {    var o = document.getElementById("opt_" + this.name);    if (o.style.display != "block") {     HideAll();     o.style.display = "block";     setCookie("show_item",this.name);    }    else {     o.style.display = "none";    }   }  } } </script></head><body><ul id="menu"> <li id="oomem8s"    class="item">網站設置   <ul id="opt_1" class="optiton">    <li>基本設置</li>    <li>高級設置</li>   </ul> </li> <li id="oeuk8wk"    class="item">生成管理   <ul id="opt_2" class="optiton">    <li>生成首頁</li>    <li>生成列表</li>   </ul> </li> <li id="ymskaia"    class="item">系統管理   <ul id="opt_3" class="optiton">    <li>會員管理</li>    <li>管理員設置</li>    <li>退出系統</li>   </ul> </li></ul></body></html>

上一篇：又一淘寶網的TAB選項卡，很圓滑

下一篇：純CSS菜單，鼠標經過變換背景很漂亮

學習交流

如何查找有故障的配件

如何查找有故障的配件...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遺憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 媽媽：高考雖重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回應是否會直播帶貨：有人出100萬想和他合作！

2024-06-25 19:29:23

名校搶人名場面：清華、北大太拼了！

2024-06-25 19:22:14

男生高考語文滿分！網友：第一次聽說

2024-06-25 19:19:15

疑難解答

圖片精選

網友關注

亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

欧美肥臀大乳一区二区免费视频| 国产在线精品播放| 欧美日韩性视频在线| 亚洲石原莉奈一区二区在线观看| 最近2019年手机中文字幕| 亚洲自拍小视频免费观看| 欧美日韩成人在线视频| 国产精品自产拍在线观| 久久综合伊人77777尤物| 精品亚洲精品福利线在观看| 亚洲综合精品伊人久久| 欧美高清视频在线播放| 日韩av网站大全| 国产成人aa精品一区在线播放| 亚洲国产三级网| 日韩av黄色在线观看| 国产啪精品视频网站| 日韩视频欧美视频| 国产欧亚日韩视频| 国产69精品99久久久久久宅男| 国产精品日韩在线| 国产一区二区香蕉| 亚洲人成伊人成综合网久久久| 久久久精品国产| 国产精品高潮呻吟视频| 欧美亚洲另类激情另类| 中文字幕亚洲天堂| 91久久久久久久久久久| 欧美性在线观看| 日韩中文字幕在线免费观看| 亚洲黄色av网站| 亚洲二区中文字幕| 久久久精品视频在线观看| 精品久久久一区| 国产精品国产自产拍高清av水多| 91色视频在线导航| 91九色单男在线观看| 九九热精品视频国产| 久久精品国产成人| 亚洲xxxx18| 亚洲日韩第一页| 国产精品人成电影在线观看| 国产精品久久久久久久久久新婚| 久久久久一本一区二区青青蜜月| 亚洲欧洲激情在线| 亚洲经典中文字幕| 久久久国产一区| 成人淫片在线看| 国产精品极品美女粉嫩高清在线| 亚洲天堂网站在线观看视频| 91免费精品国偷自产在线| 日本不卡高字幕在线2019| 成人a级免费视频| 国产精品美女久久久久av超清| 日韩亚洲综合在线| 欧美精品一本久久男人的天堂| 久久人人看视频| 国产亚洲福利一区| 国产高清视频一区三区| 国产精品日韩久久久久| 欧美日韩一区二区三区| 欧美午夜精品久久久久久人妖| 亚洲国产一区自拍| 欧美另类69精品久久久久9999| 欧美激情视频在线免费观看欧美视频免费一| 日韩有码在线观看| 中文字幕亚洲无线码在线一区| 91最新在线免费观看| 成人国产在线视频| 亚洲一级黄色av| 国产丝袜精品视频| 欧美一性一乱一交一视频| 亚洲成人激情视频| 伊人久久综合97精品| 国产一区视频在线播放| 欧美国产日韩一区二区在线观看| 国产精品久久久久7777婷婷| 日韩国产高清污视频在线观看| 国产丝袜视频一区| 欧美精品免费在线观看| www.色综合| 亚洲精品网站在线播放gif| 国产精品一区专区欧美日韩| 国产亚洲一区二区在线| 中文字幕精品久久| 欧美日韩激情小视频| 国产精品福利片| 国产精品色午夜在线观看| 91精品视频一区| 精品中文字幕在线观看| 亚洲第一区在线观看| 亚洲人成网站在线播| 中文字幕在线看视频国产欧美| 色婷婷久久av| 国产成人精品在线播放| 韩国精品久久久999| 欧美日韩国产中文字幕| 在线日韩欧美视频| 68精品国产免费久久久久久婷婷| 亚洲a区在线视频| 国产精品视频久| 欧美亚洲视频在线看网址| 亚洲色图国产精品| 最新的欧美黄色| 日韩中文字幕网址| 国产成人精彩在线视频九色| 日韩精品一二三四区| 日韩美女在线观看一区| 欧美性jizz18性欧美| 日韩av手机在线看| 精品欧美一区二区三区| 日韩高清有码在线| 俺去啦;欧美日韩| 亲子乱一区二区三区电影| 一区二区三区高清国产| 欧美黑人性生活视频| 久久精品国产综合| 国产精品爽爽爽爽爽爽在线观看| 亚洲自拍小视频免费观看| 精品国产乱码久久久久酒店| 日韩毛片在线观看| 欧美日韩成人在线视频| 久久精品亚洲一区| 久久久久久久久久av| 亚洲网址你懂得| 97超碰蝌蚪网人人做人人爽| 精品亚洲夜色av98在线观看| 超在线视频97| 久久久999国产| 国产精品嫩草影院久久久| 国产亚洲美女久久| 国产第一区电影| 琪琪第一精品导航| 国产欧美精品xxxx另类| 精品久久久久久久久中文字幕| 亚洲a区在线视频| 日韩电影视频免费| 精品国产福利视频| 国产精品美腿一区在线看| 久久久av免费| 国自产精品手机在线观看视频| 国产国语刺激对白av不卡| 亚洲精品国精品久久99热| 欧美国产日韩一区二区在线观看| 国产99久久久欧美黑人| 国产精品91免费在线| 亚洲国产精久久久久久| 国产日韩中文在线| 欧美大片va欧美在线播放| 欧美日韩在线免费观看| 国产成人精彩在线视频九色| 久久精品视频va| 亚洲视频在线免费观看| 国产亚洲欧美日韩一区二区| 国产欧美日韩精品丝袜高跟鞋| 国产色视频一区| 亚洲精品99久久久久中文字幕| 欧美国产日韩一区二区三区| 中日韩美女免费视频网址在线观看| 国内免费精品永久在线视频| 亚洲一区二区免费| 91精品国产乱码久久久久久久久| 国产精品第一页在线| 欧美一级视频免费在线观看|