<ul id="aaggq"></ul>
<strike id="aaggq"><input id="aaggq"></input></strike>
<tfoot id="aaggq"></tfoot>
java技術(shù)文檔
BlogJava
首頁
新隨筆
聯(lián)系
聚合
管理
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="wmqeeuq" 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="wmqeeuq" 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('技術(shù)文檔') outlookbar.additem('Web開發(fā)',t,'http://sc.jcwcn.com/tx/js/index.asp') outlookbar.additem('數(shù)據(jù)庫',t,'http://sc.jcwcn.com/tx/js/index.asp') t=outlookbar.addtitle('計(jì)算機(jī)技術(shù)') outlookbar.additem('操作系統(tǒng)',t,'http://sc.jcwcn.com/tx/js/index.asp') outlookbar.additem('網(wǎng)絡(luò)安全',t,'http://sc.jcwcn.com/tx/js/index.asp') outlookbar.additem('小技巧',t,'http://sc.jcwcn.com/tx/js/index.asp') outlookbar.additem('硬件相關(guān)',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('知識(shí) ',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('技術(shù)文檔2') outlookbar.additem('Web開發(fā)',t,'http://sc.jcwcn.com/tx/js/index.asp') outlookbar.additem('數(shù)據(jù)庫',t,'http://sc.jcwcn.com/tx/js/index.asp') t=outlookbar.addtitle('計(jì)算機(jī)技術(shù)2') outlookbar.additem('操作系統(tǒng)',t,'http://sc.jcwcn.com/tx/js/index.asp') outlookbar.additem('網(wǎng)絡(luò)安全',t,'http://sc.jcwcn.com/tx/js/index.asp') outlookbar.additem('小技巧',t,'http://sc.jcwcn.com/tx/js/index.asp') outlookbar.additem('硬件相關(guān)',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('知識(shí) ',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>
提示：您可以先修改部分代碼再運(yùn)行
posted on 2007-12-11 15:14
末日風(fēng)情
閱讀(536)
評(píng)論(0)
編輯
收藏
所屬分類:
javascript
新用戶注冊(cè)
刷新評(píng)論列表
只有注冊(cè)用戶
登錄
后才能發(fā)表評(píng)論。
網(wǎng)站導(dǎo)航:
博客園
IT新聞
Chat2DB
C++博客
博問
管理
相關(guān)文章:
js獲取瀏覽器各種屬性。
js實(shí)現(xiàn)選擇文件路徑（限IE）
合并單元格
JS中open()函數(shù)介紹
Onunload與Onbeforeunload
如何控制頁面內(nèi)容的加載順序
event.srcElement
javascript keycode大全
JS中confirm,alert,prompt函數(shù)
拖拽例子
Copyright ©2025 末日風(fēng)情 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
常用鏈接
我的隨筆
我的評(píng)論
我的參與
最新評(píng)論
留言簿
(4)
給我留言
查看公開留言
查看私人留言
隨筆分類
AJAX(2)
CSS(4)
freemarker
hibernate
HTML/XML(6)
Jasper Report(1)
javascript(26)
java編程(20)
JSP基礎(chǔ)(4)
oracle(18)
spring(1)
struts(3)
其他(13)
架構(gòu)設(shè)計(jì)(2)
編碼規(guī)范
設(shè)計(jì)模式(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)
搜索
最新評(píng)論
1.?re: Blowfish加密算法之Java實(shí)現(xiàn)[未登錄]
這個(gè)有c語言版沒
--小丸子
2.?re: SSH實(shí)現(xiàn)分頁
我和上面的一樣，你的分頁很簡(jiǎn)單，能否發(fā)一份給我呢？
我的QQ郵箱是511775600@qq.com
--瞇露
3.?re: String.equals()和String.equalsIgnoreCase()的區(qū)別
觀后感矛
--和規(guī)劃局
4.?re: 時(shí)間控件（可含時(shí)分秒）
thank you 樓主
--yaoj
5.?re: 時(shí)間控件（可含時(shí)分秒）
評(píng)論內(nèi)容較長(zhǎng),點(diǎn)擊標(biāo)題查看
--末日風(fēng)情
閱讀排行榜
1.?request.getParameterNames 使用方法(10275)
2.?時(shí)間控件（可含時(shí)分秒）(8077)
3.?JS中open()函數(shù)介紹(6605)
4.?JS中confirm,alert,prompt函數(shù)(5856)
5.?java實(shí)現(xiàn)ascii與中文互轉(zhuǎn)(5710)
評(píng)論排行榜
1.?時(shí)間控件（可含時(shí)分秒）(9)
2.?SSH實(shí)現(xiàn)分頁(3)
3.?showModalDialog/showModelessDialog實(shí)例,父窗口向子窗口傳遞值,子窗口設(shè)置父窗口的值(3)
4.?網(wǎng)頁常用小技巧(JavaScript) (2)
5.?Truncate Table (2)
主站蜘蛛池模板：
大方县
|
满洲里市
|
无锡市
|
杨浦区
|
崇信县
|
丰城市
|
千阳县
|
桐城市
|
永兴县
|
腾冲县
|
扎囊县
|
民丰县
|
安西县
|
焉耆
|
惠安县
|
罗定市
|
贞丰县
|
梅州市
|
得荣县
|
万载县
|
镶黄旗
|
壤塘县
|
佳木斯市
|
托克逊县
|
浦县
|
新巴尔虎右旗
|
息烽县
|
巴林右旗
|
南郑县
|
平泉县
|
凉山
|
闵行区
|
嘉鱼县
|
改则县
|
聂拉木县
|
兴城市
|
成武县
|
丹棱县
|
南阳市
|
汨罗市
|
淮南市
|