用CSS做<ul>菜单的样式控制
用prototype + scriptaculous.js做菜单的动态效果.关于这些JS的资料我的以前文章里说过
用cookiejar.js做操作近的事件忆
<div id="menu_div">
<div style="width: 183px; height: 20px; margin: 0 auto;"></div>
<div class="left_table">
<ul id="primary-nav">
<li>
<label onclick="openCloseMenu('order_menu')">
<img id="order_menu_arrow" class="left" src="/images/Darrow.gif" alt="arrow" />
订单跟踪查询<img src="/images/left_04.jpg" alt="order"/>
</label>
<ul id="order_menu" class="menubar over">
<li><a href="orderTrace.html">订单跟踪</a></li>
</ul>
</li>
<li>
<label onclick="openCloseMenu('comm_menu')">
<img id="comm_menu_arrow" class="left" src="/images/Rarrow.gif" alt="arrow" />
##支付查询<img src="/images/left_05.jpg" alt=""/>
</label>
<ul id="comm_menu" class="menubar">
<li><a href="addSeries.html">####</a></li>
<li><a href="setCommision.html">###</a></li>
<li><a href="listCommision.html">###</a></li>
</ul>
</li>
</ul>
</div>
</div>
<script type="text/javascript">
showMenu();
</script>
/* A CSS Framework by Liu_jc of Content with Style */
/* SITE MENU LAYOUT */
/* MENU */
div#menu_div {
width:223px;
min-height:600px;
background-image:url(/images/left_01.jpg);
}
ul#primary-nav,
ul#primary-nav ul{
padding:0px;
margin:0px;
border: 0;
list-style:none;
}
ul#primary-nav li {
position: relative;
list-style: none;
}
ul#primary-nav li label {
text-align: center;
width:182px;
height:33px;
float:left;
background-image:url(images/menu_th_bg.jpg);
background-repeat:no-repeat;
font-size:14px;
font-weight:bold;
color:#336699;
}
ul#primary-nav li label img {
padding-left:15px;
vertical-align:bottom;
}
ul#primary-nav li ul li {
width:183px;
height:20px;
text-align:center;
border-bottom:1px #999999 dashed;
margin-top: 5px;
float:left;
}
ul#primary-nav li ul li a {
font-size:12px;
color:#999999;
text-decoration:none;
}
/*
ul#primary-nav li ul.show {
display:block;
}
ul#primary-nav li ul.hidden {
display:none;
}
*/
/* END MENU */
展开菜单
function openCloseMenu(menuId) {
var myCookies = new CookieJar();
$(menuId).toggle('slide', {duration: 0});
var dis = $(menuId).style.display;
if(dis == "none") {
$(menuId + "_arrow").src = "/images/Rarrow.gif";
myCookies.put(menuId, "close");
}else {
$(menuId + "_arrow").src = "/images/Darrow.gif";
myCookies.put(menuId, "open");
}
}
刷新页面后记忆
function showMenu() {
var myCookies = new CookieJar();
var menubars = $$("ul.menubar");
for(var i = 0; i < menubars.length; i++) {
var menuBarId = menubars[i].id;
var showMenuBar = myCookies.get(menuBarId);
if(showMenuBar == "open") {
menubars[i].show();
$(menuBarId + "_arrow").src = "/images/Darrow.gif";
} else {
menubars[i].hide();
$(menuBarId + "_arrow").src = "/images/Rarrow.gif";
}
}
}
- 大小: 10.4 KB
分享到:
相关推荐
Cookies和CookieJar for Node.js 概要 var tough = require ( 'tough-cookie' ) ; var Cookie = tough . Cookie ; var cookie = Cookie . parse ( header ) ; cookie . value = 'somethingdifferent' ; header = ...
前端项目-cookiejar,将数据作为JSON字符串存储在cookie中的javascript代码。它使用prototype.js 1.5.1(http://prototypejs.org)或更高版本。Apache软件许可
CookieJar是一小部分常见的算法,数据结构和库扩展,被认为在某一点或另一点的计算竞赛中很方便。 该工具箱目前尚在开发中。 它可能缺乏,并且在两次提交之间可能会发生巨大变化(尽管尽一切努力)。 欢迎您使用它...
“Cookie Jar”是一个示例 CRUD 应用程序样板。 该应用程序允许您浏览 cookie 列表、添加、更新和删除。 使用MongoDB,Express,Backbone.js,Node.js构建的应用程序 现在的功能包括: Modular structure ...
xfetch 用于Node.js的轻量级HTTP客户端。... 表面逐渐适应新的要求。 与WHATWG Fetch相比,xfetch API旨在...type RawHeadersType = { | [ key : string ] : $ReadOnlyArray < string>| } ;type HeadersType = { | + ra
private final HashMap<String>> cookieStore = new HashMap<>(); @Override public void saveFromResponse(HttpUrl url, List<Cookie> cookies) { cookieStore.put(url.host(), cookies)
一个支持 cookie 的包装器。 它支持从/向 JSON cookie jar 读取/写入,并将 cookie 保存在内存中,直到您调用CookieJar.save()以减少磁盘 I/O。 要从 1.2.x 或更低版本升级到 1.3.x 或更高版本,请阅读。 使用示例 ...
js-cookie-jar文件,用于前端快速开发cookie,是需要通过$.cooke()的方式得到cookie对象
该模块主要功能是提供可存储cookie的对象。使用此模块捕获cookie并在...复制代码 代码如下:>>> import urllib2>>> import cookielib>>> cookie=cookielib.CookieJar()>>> handler=urllib2.HTTPCookieProcessor(cookie
安装 $ npm install tough-cookie-framework选项options :一个 javascript 对象。<br> { key : string , get : function ( key , callback ) { } , put : function ( key , data ) { } }用法 var ...
axios-cookiejar-支持 为添加支持。 安装 $ npm i axios tough-cookie axios-cookiejar-support - 或者 - $ npm i axios tough-cookie @3846masa/axios-cookiejar-support # Same as above 打字稿 如果要与...
这次我们使用cookiejar来完成一个登录学校model平台,并查看登陆后的其他页面的任务 from urllib import request from urllib import parse from http import cookiejar if __name__ == '__main__': # 创建cookie...
一个浏览器扩展程序,它消除了Medium,Technologyreview,NYTimes和Washingtonpost的文章限制限制,从而使读者可以查看无限量的优质和非优质文章。 使用此浏览器扩展程序的过程(未包装) 克隆此存储库/下载并解...
一个简单的用法示例: import 'package:cookie_jar/cookie_jar.dart' ; void main () async { List < Cookie> cookies = [ Cookie ( "name" , "wendux" ), Cookie ( "location" , "china" )]; var cj = CookieJar...
3.2.2. 高级使用:持久一个 DbTable 结果对象 3.2.3. 高级用法示例 3.3. 摘要式认证 3.3.1. 简介 3.3.2. 规范(Specifics) 3.3.3. 身份(Identity) 3.4. HTTP 认证适配器 3.4.1. 简介 3.4.2. 设计回顾 ...
主要介绍了php使用CURL不依赖COOKIEJAR获取COOKIE的方法,实例分析了curl操作cookie的技巧,需要的朋友可以参考下
if (response.code() >= 400 && response.code() <= 599) { try { sendFailResultCallback(call, new RuntimeException(response.body().string()), finalCallback); } catch (IOException e) { e....
@author: hhdys”’import urllib.request,http.cookiejar,reclass Baidu: def login(self): cj = http.cookiejar.CookieJar() opener = urllib.request.build_opener(urllib.request.HTTPCookieProcessor(cj)) ...
import sys,time,re,urllib.parse,urllib.request,http.cookiejar,random,math,os.path,hashlib,json,binascii,threading “””cookie”””cookie=http.cookiejar.LWPCookieJar()#cookie.load(‘f:/cookie.txt’,...