<rt id="bn8ez"></rt>
<label id="bn8ez"></label>
<span id="bn8ez"></span>
<label id="bn8ez"><meter id="bn8ez"></meter></label>
<button id="qqosy"></button>
<center id="qqosy"><acronym id="qqosy"></acronym></center>
<abbr id="qqosy"><fieldset id="qqosy"></fieldset></abbr>
<dl id="qqosy"><acronym id="qqosy"></acronym></dl>
<dl id="qqosy"></dl>
java技術文檔
BlogJava
首頁
新隨筆
聯系
聚合
管理
posts - 104, comments - 34, trackbacks - 0
模擬QQ菜單效果
<html> <html> <head> <title>模擬QQ菜單效果</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> </head> <body> <STYLE type="text/css"> A:link { COLOR: #000000; FONT-SIZE: 12px; TEXT-DECORATION: none} A:visited { COLOR: #000000; FONT-SIZE: 12px; TEXT-DECORATION: none} A:hover { COLOR: #006CD9; FONT-SIZE: 12px; TEXT-DECORATION: none} BODY { FONT-SIZE: 12px;} TD { FONT-SIZE: 12px; line-height: 150%} </style> <script language="JavaScript"> <!-- function showitem(id,name) { return ("<span><a href='"+id+"' target=_blank>"+name+"</a></span><br />") } function switchoutlookBar(number) { var i = outlookbar.opentitle; outlookbar.opentitle=number; var id1,id2,id1b,id2b if (number!=i && outlooksmoothstat==0){ if (number!=-1) { if (i==-1){ id2="blankdiv"; id2b="blankdiv"; } else{ id2="outlookdiv"+i; id2b="outlookdivin"+i; document.all("outlooktitle"+i).style.border="1px none navy"; document.all("outlooktitle"+i).style.background=outlookbar.maincolor; document.all("outlooktitle"+i).style.color="#ffffff"; document.all("outlooktitle"+i).style.textalign="center"; } id1="outlookdiv"+number id1b="outlookdivin"+number document.all("outlooktitle"+number).style.border="1px none white"; document.all("outlooktitle"+number).style.background=outlookbar.maincolor; //title document.all("outlooktitle"+number).style.color="#ffffff"; document.all("outlooktitle"+number).style.textalign="center"; smoothout(id1,id2,id1b,id2b,0); } else { document.all("blankdiv").style.display=""; document.all("blankdiv").sryle.height="100%"; document.all("outlookdiv"+i).style.display="none"; document.all("outlookdiv"+i).style.height="0%"; document.all("outlooktitle"+i).style.border="1px none navy"; document.all("outlooktitle"+i).style.background=outlookbar.maincolor; document.all("outlooktitle"+i).style.color="#ffffff"; document.all("outlooktitle"+i).style.textalign="center"; } } } function smoothout(id1,id2,id1b,id2b,stat) { if(stat==0){ tempinnertext1=document.all(id1b).innerHTML; tempinnertext2=document.all(id2b).innerHTML; document.all(id1b).innerHTML=""; document.all(id2b).innerHTML=""; outlooksmoothstat=1; document.all(id1b).style.overflow="hidden"; document.all(id2b).style.overflow="hidden"; document.all(id1).style.height="0%"; document.all(id1).style.display=""; setTimeout("smoothout('"+id1+"','"+id2+"','"+id1b+"','"+id2b+"',"+outlookbar.inc+")",outlookbar.timedalay); } else { stat+=outlookbar.inc; if (stat>100) stat=100; document.all(id1).style.height=stat+"%"; document.all(id2).style.height=(100-stat)+"%"; if (stat<100) setTimeout("smoothout('"+id1+"','"+id2+"','"+id1b+"','"+id2b+"',"+stat+")",outlookbar.timedalay); else { document.all(id1b).innerHTML=tempinnertext1; document.all(id2b).innerHTML=tempinnertext2; outlooksmoothstat=0; document.all(id1b).style.overflow="auto"; document.all(id2).style.display="none"; } } } function getOutLine() { outline="<table "+outlookbar.otherclass+">"; for (i=0;i<(outlookbar.titlelist.length);i++) { outline+="<tr><td name=outlooktitle"+i+" id=outlooktitle"+i+" "; if (i!=outlookbar.opentitle) outline+=" nowrap align=center style='cursor:hand;background-color:"+outlookbar.maincolor+";color:#ffffff;height:20;border:1 none navy' "; else outline+=" nowrap align=center style='cursor:hand;background-color:"+outlookbar.maincolor+";color:white;height:20;border:1 none white' "; outline+=outlookbar.titlelist[i].otherclass outline+=" onclick='switchoutlookBar("+i+")'><span id="cykmqom" class=smallFont>"; outline+=outlookbar.titlelist[i].title+"</span></td></tr>"; outline+="<tr><td name=outlookdiv"+i+" valign=top align=center id=outlookdiv"+i+" style='width:100%" if (i!=outlookbar.opentitle) outline+=";display:none;height:0%;"; else outline+=";display:;height:100%;"; outline+="'><div name=outlookdivin"+i+" id=outlookdivin"+i+" style='overflow:auto;width:100%;height:100%'>"; for (j=0;j<outlookbar.itemlist[i].length;j++) outline+=showitem(outlookbar.itemlist[i][j].key,outlookbar.itemlist[i][j].title); outline+="</div></td></tr>" } outline+="</table>" return outline } function show() { var outline; outline="<div class="woqimiq" id=outLookBarDiv name=outLookBarDiv style='width=100%;height:100%'>" outline+=outlookbar.getOutLine(); outline+="</div>" document.write(outline); } function theitem(intitle,instate,inkey) { this.state=instate; this.otherclass=" nowrap "; this.key=inkey; this.title=intitle; } function addtitle(intitle) { outlookbar.itemlist[outlookbar.titlelist.length]=new Array(); outlookbar.titlelist[outlookbar.titlelist.length]=new theitem(intitle,1,0); return(outlookbar.titlelist.length-1); } function additem(intitle,parentid,inkey) { if (parentid>=0 && parentid<=outlookbar.titlelist.length) { outlookbar.itemlist[parentid][outlookbar.itemlist[parentid].length]=new theitem(intitle,2,inkey); outlookbar.itemlist[parentid][outlookbar.itemlist[parentid].length-1].otherclass=" nowrap align=left style='height:5' "; return(outlookbar.itemlist[parentid].length-1); } else additem=-1; } function outlook() { this.titlelist=new Array(); this.itemlist=new Array(); this.divstyle="style='height:100%;width:100%;overflow:auto' align=center"; this.otherclass="border=0 cellspacing='0' cellpadding='0' style='height:100%;width:100%'valign=middle align=center "; this.addtitle=addtitle; this.additem=additem; this.starttitle=-1; this.show=show; this.getOutLine=getOutLine; this.opentitle=this.starttitle; this.reflesh=outreflesh; this.timedelay=50; this.inc=10; this.maincolor = "#336699" } function outreflesh() { document.all("outLookBarDiv").innerHTML=outlookbar.getOutLine(); } function locatefold(foldname) { if (foldname=="") foldname = outlookbar.titlelist[0].title for (var i=0;i<outlookbar.titlelist.length;i++) { if(foldname==outlookbar.titlelist[i].title) { outlookbar.starttitle=i; outlookbar.opentitle=i; } } } var outlookbar=new outlook(); var tempinnertext1,tempinnertext2,outlooksmoothstat outlooksmoothstat = 0; var t; t=outlookbar.addtitle('技術文檔') outlookbar.additem('Web開發',t,'http://sc.jcwcn.com/tx/js/index.asp') outlookbar.additem('數據庫',t,'http://sc.jcwcn.com/tx/js/index.asp') t=outlookbar.addtitle('計算機技術') outlookbar.additem('操作系統',t,'http://sc.jcwcn.com/tx/js/index.asp') outlookbar.additem('網絡安全',t,'http://sc.jcwcn.com/tx/js/index.asp') outlookbar.additem('小技巧',t,'http://sc.jcwcn.com/tx/js/index.asp') outlookbar.additem('硬件相關',t,'http://sc.jcwcn.com/tx/js/index.asp') t=outlookbar.addtitle('文摘') outlookbar.additem('求職 ',t,'http://sc.jcwcn.com/tx/js/index.asp') outlookbar.additem('雜文 ',t,'http://sc.jcwcn.com/tx/js/index.asp') outlookbar.additem('生活 ',t,'http://sc.jcwcn.com/tx/js/index.asp') outlookbar.additem('人生 ',t,'http://sc.jcwcn.com/tx/js/index.asp') outlookbar.additem('健康 ',t,'http://sc.jcwcn.com/tx/js/index.asp') outlookbar.additem('知識 ',t,'http://sc.jcwcn.com/tx/js/index.asp') outlookbar.additem('愛情 ',t,'http://sc.jcwcn.com/tx/js/index.asp') outlookbar.additem('幽默笑話 ',t,'http://sc.jcwcn.com/tx/js/index.asp') outlookbar.additem('寓言 ',t,'http://sc.jcwcn.com/tx/js/index.asp') outlookbar.additem('教育 ',t,'http://sc.jcwcn.com/tx/js/index.asp') outlookbar.additem('散文 ',t,'http://sc.jcwcn.com/tx/js/index.asp') t=outlookbar.addtitle('技術文檔2') outlookbar.additem('Web開發',t,'http://sc.jcwcn.com/tx/js/index.asp') outlookbar.additem('數據庫',t,'http://sc.jcwcn.com/tx/js/index.asp') t=outlookbar.addtitle('計算機技術2') outlookbar.additem('操作系統',t,'http://sc.jcwcn.com/tx/js/index.asp') outlookbar.additem('網絡安全',t,'http://sc.jcwcn.com/tx/js/index.asp') outlookbar.additem('小技巧',t,'http://sc.jcwcn.com/tx/js/index.asp') outlookbar.additem('硬件相關',t,'http://sc.jcwcn.com/tx/js/index.asp') t=outlookbar.addtitle('文摘2') outlookbar.additem('求職 ',t,'http://sc.jcwcn.com/tx/js/index.asp') outlookbar.additem('雜文 ',t,'http://sc.jcwcn.com/tx/js/index.asp') outlookbar.additem('生活 ',t,'http://sc.jcwcn.com/tx/js/index.asp') outlookbar.additem('人生 ',t,'http://sc.jcwcn.com/tx/js/index.asp') outlookbar.additem('健康 ',t,'http://sc.jcwcn.com/tx/js/index.asp') outlookbar.additem('知識 ',t,'http://sc.jcwcn.com/tx/js/index.asp') outlookbar.additem('愛情 ',t,'http://sc.jcwcn.com/tx/js/index.asp') outlookbar.additem('幽默笑話 ',t,'http://sc.jcwcn.com/tx/js/index.asp') outlookbar.additem('寓言 ',t,'http://sc.jcwcn.com/tx/js/index.asp') outlookbar.additem('教育 ',t,'http://sc.jcwcn.com/tx/js/index.asp') outlookbar.additem('散文 ',t,'http://sc.jcwcn.com/tx/js/index.asp') //--> </script> <table id=mnuList style="WIDTH:150px;HEIGHT: 100%" cellspacing=0 cellpadding=0 align=center border=0> <tr> <td bgcolor=#F0F0E5 id=outLookBarShow style="HEIGHT: 100%" valign=top align=center name="outLookBarShow"> <script language="JavaScript"> <!-- locatefold("") outlookbar.show() //--> </script> </td> </tr> </table> </body> </html>
提示：您可以先修改部分代碼再運行
posted on 2007-12-11 15:14
末日風情
閱讀(542)
評論(0)
編輯
收藏
所屬分類:
javascript
新用戶注冊
刷新評論列表
只有注冊用戶
登錄
后才能發表評論。
網站導航:
博客園
IT新聞
Chat2DB
C++博客
博問
相關文章:
js獲取瀏覽器各種屬性。
js實現選擇文件路徑（限IE）
合并單元格
JS中open()函數介紹
Onunload與Onbeforeunload
如何控制頁面內容的加載順序
event.srcElement
javascript keycode大全
JS中confirm,alert,prompt函數
拖拽例子
Copyright ©2025 末日風情 Powered By:
博客園
模板提供：
滬江博客
<
2007年12月
>
日
一
二
三
四
五
六
25
26
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
常用鏈接
我的隨筆
我的評論
我的參與
最新評論
留言簿
(4)
給我留言
查看公開留言
查看私人留言
隨筆分類
AJAX(2)
CSS(4)
freemarker
hibernate
HTML/XML(6)
Jasper Report(1)
javascript(26)
java編程(20)
JSP基礎(4)
oracle(18)
spring(1)
struts(3)
其他(13)
架構設計(2)
編碼規范
設計模式(1)
隨筆檔案
2012年8月 (1)
2011年4月 (2)
2011年2月 (2)
2010年8月 (9)
2010年7月 (1)
2009年11月 (2)
2009年10月 (3)
2009年9月 (11)
2009年8月 (4)
2009年6月 (7)
2008年12月 (1)
2008年10月 (3)
2008年8月 (4)
2008年7月 (1)
2008年6月 (2)
2008年4月 (2)
2008年3月 (1)
2008年2月 (1)
2008年1月 (3)
2007年12月 (15)
2007年11月 (14)
2007年10月 (12)
2007年8月 (2)
搜索
最新評論
1.?re: Blowfish加密算法之Java實現[未登錄]
這個有c語言版沒
--小丸子
2.?re: SSH實現分頁
我和上面的一樣，你的分頁很簡單，能否發一份給我呢？
我的QQ郵箱是511775600@qq.com
--瞇露
3.?re: String.equals()和String.equalsIgnoreCase()的區別
觀后感矛
--和規劃局
4.?re: 時間控件（可含時分秒）
thank you 樓主
--yaoj
5.?re: 時間控件（可含時分秒）
評論內容較長,點擊標題查看
--末日風情
閱讀排行榜
1.?request.getParameterNames 使用方法(10280)
2.?時間控件（可含時分秒）(8085)
3.?JS中open()函數介紹(6615)
4.?JS中confirm,alert,prompt函數(5863)
5.?java實現ascii與中文互轉(5715)
評論排行榜
1.?時間控件（可含時分秒）(9)
2.?SSH實現分頁(3)
3.?showModalDialog/showModelessDialog實例,父窗口向子窗口傳遞值,子窗口設置父窗口的值(3)
4.?網頁常用小技巧(JavaScript) (2)
5.?Truncate Table (2)
主站蜘蛛池模板：
国产男女猛烈无遮挡免费视频
|
成人免费视频69
|
亚洲欧洲日本在线
|
美女视频黄频a免费
|
亚洲av无码国产精品色在线看不卡
|
亚洲AV永久无码精品放毛片
|
性感美女视频免费网站午夜
|
99久久免费中文字幕精品
|
亚洲精品无码Av人在线观看国产
|
黄视频在线观看免费
|
亚洲精品亚洲人成人网
|
国产99视频精品免费专区
|
久久久久久亚洲Av无码精品专口
|
久久国产色AV免费观看
|
亚洲冬月枫中文字幕在线看
|
四虎永久在线精品免费网址
|
欧洲亚洲国产精华液
|
亚洲精品视频免费
|
日本免费高清视频
|
亚洲国产美女在线观看
|
精品国产精品久久一区免费式
|
在线观看亚洲网站
|
亚洲精品成人片在线观看精品字幕
|
麻豆最新国产剧情AV原创免费
|
亚洲国产精品免费观看
|
免费国产成人午夜私人影视
|
免费无码午夜福利片
|
亚洲AV永久精品爱情岛论坛
|
日韩免费视频观看
|
eeuss影院ss奇兵免费com
|
亚洲自偷自拍另类12p
|
四虎在线视频免费观看
|
在线观看免费黄色网址
|
亚洲人成免费电影
|
久久精品国产精品亚洲人人
|
99热精品在线免费观看
|
国产成人亚洲精品91专区高清
|
亚洲第一AV网站
|
国产精品四虎在线观看免费
|
亚洲va在线va天堂va不卡下载
|
色窝窝免费一区二区三区
|