Java蜘蛛人 歡迎大家
歡迎大家 來到我的blog , 如果我身邊的朋友 有什么不懂可以直接來問我 我會細(xì)心的幫助你的. 如果網(wǎng)絡(luò)上的朋友有什么不懂的 可以加我Java蜘蛛人 QQ48187537
posts - 54, comments - 192, trackbacks - 0, articles - 1
導(dǎo)航
BlogJava
首頁
新隨筆
聯(lián)系
聚合
管理
<
2008年3月
>
日
一
二
三
四
五
六
24
25
26
27
28
29
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
常用鏈接
我的隨筆
我的評論
我的參與
最新評論
留言簿
(14)
給我留言
查看公開留言
查看私人留言
隨筆檔案
2009年10月 (1)
2009年7月 (2)
2009年6月 (1)
2009年5月 (3)
2009年4月 (2)
2009年3月 (2)
2009年2月 (6)
2008年10月 (1)
2008年8月 (1)
2008年7月 (1)
2008年3月 (2)
2008年2月 (4)
2008年1月 (4)
2007年12月 (1)
2007年11月 (3)
2007年10月 (2)
2007年9月 (4)
2007年8月 (14)
文章檔案
2007年8月 (1)
搜索
最新評論
1.?re: JSP 整合 discuz 論壇 java蜘蛛人 -- 鄭成橋
siqishangshu@foxmail.com
求一份呀,謝謝了
--siqishangshu
2.?re: Spring 中的國際化
評論內(nèi)容較長,點(diǎn)擊標(biāo)題查看
--最代碼
3.?re: JSP 整合 discuz 論壇 java蜘蛛人 -- 鄭成橋
樓主 能發(fā)一份給我嗎?謝謝 1124376059@qq.com
--小里
4.?re: javaScript 實(shí)現(xiàn)樹型
評論內(nèi)容較長,點(diǎn)擊標(biāo)題查看
--lizhi
5.?re: Acegi視頻教程 (做權(quán)限管理的) 主講人: 鄭成橋
怎么地址錯(cuò)誤 ,,,求大神發(fā)這相視頻給我,,QQ:461782455
--想要這個(gè)視頻
閱讀排行榜
1.?Spring 配置log4j(21003)
2.?webservice 視頻教程 Spring+xfire 整合 java蜘蛛人- 鄭成橋 (6865)
3.?Acegi視頻教程 (做權(quán)限管理的) 主講人: 鄭成橋 (5661)
4.?Eclipse開發(fā)JQuery環(huán)境設(shè)置(Spket)(5327)
5.?spring junit 測試 java蜘蛛人- 鄭成橋 (4477)
評論排行榜
1.?JSP 整合 discuz 論壇 java蜘蛛人 -- 鄭成橋(40)
2.?webservice 視頻教程 Spring+xfire 整合 java蜘蛛人- 鄭成橋 (23)
3.?Acegi視頻教程 (做權(quán)限管理的) 主講人: 鄭成橋 (14)
4.?Ext js 視頻 我今天下午講的(14)
5.?Spring 整合javamail 用 gmail 發(fā)送郵件(8)
javaScript 實(shí)現(xiàn)樹型
Posted on 2008-03-13 19:54
Java蜘蛛人 --鄭成橋
閱讀(953)
評論(1)
編輯
收藏
<!
DOCTYPE html PUBLIC
"
-//W3C//DTD XHTML 1.0 Transitional//EN
"
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
"
>
<
head
>
<
html
>
<
style type
=
"
text/css
"
>
<!--
*
{margin:
0
;padding:
0
;border:
0
;}
body
{
font
-
family: arial, 宋體, serif;
font
-
size:12px;
}
#nav
{
width:180px;
line
-
height: 24px;
list
-
style
-
type: none;
text
-
align:left;
/**/
/*
定義整個(gè)ul菜單的行高和背景色
*/
}
/**/
/*
==================一級目錄===================
*/
#nav a
{
width: 160px;
display: block;
padding
-
left:20px;
/**/
/*
Width(一定要),否則下面的Li會變形
*/
}
#nav li
{
background:#CCC;
/**/
/*
一級目錄的背景色
*/
border
-
bottom:#FFF 1px solid;
/**/
/*
下面的一條白邊
*/
float
:left;
/**/
/*
float:left,本不應(yīng)該設(shè)置,但由于在Firefox不能正常顯示
繼承Nav的width,限制寬度,li自動向下延伸
*/
}
#nav li a:hover
{
background:#CC0000;
/**/
/*
一級目錄onMouseOver顯示的背景色
*/
}
#nav a:link
{
color:#
666
; text
-
decoration:none;
}
#nav a:visited
{
color:#
666
;text
-
decoration:none;
}
#nav a:hover
{
color:#FFF;text
-
decoration:none;font
-
weight:bold;
}
/**/
/*
==================二級目錄===================
*/
#nav li ul
{
list
-
style:none;
text
-
align:left;
}
#nav li ul li
{
background: #EBEBEB;
/**/
/*
二級目錄的背景色
*/
}
#nav li ul a
{
padding
-
left:20px;
width:160px;
/**/
/*
padding-left二級目錄中文字向右移動,但Width必須重新設(shè)置=(總寬度-padding-left)
*/
}
/**/
/*
下面是二級目錄的鏈接樣式
*/
#nav li ul a:link
{
color:#
666
; text
-
decoration:none;
}
#nav li ul a:visited
{
color:#
666
;text
-
decoration:none;
}
#nav li ul a:hover
{
color:#F3F3F3;
text
-
decoration:none;
font
-
weight:normal;
background:#CC0000;
/**/
/*
二級onmouseover的字體顏色、背景色
*/
}
/**/
/*
==============================
*/
#nav li:hover ul
{
left: auto;
}
#nav li.sfhover ul
{
left: auto;
}
#content
{
clear: left;
}
#nav ul.collapsed
{
display: none;
}
-->
#PARENT
{
width:300px;
padding
-
left:20px;
}
</
style
>
</
head
>
<
body
>
<
script type
=
"
text/javascript
"
language
=
"
javascript
"
><!--
var sid
=
"
540
"
;
var fixid
=
3
;
//
--></script>
<
script type
=
"
text/javascript
"
src
=
"
http://js.coogao.cn/jscode/magicboxad.js
"
></
script
>
<
div id
=
"
PARENT
"
>
<
ul id
=
"
nav
"
>
<
li
><
a href
=
"
#Menu=ChildMenu1
"
onclick
=
"
DoMenu('ChildMenu1')
"
>
我的網(wǎng)站
</
a
>
<
ul id
=
"
ChildMenu1
"
class
=
"
collapsed
"
>
<
li
><
A target
=
"
_blank
"
>
[url]www.netany.net[
/
url]
</
a
></
li
>
<
li
><
A target
=
"
_blank
"
>
[url]www.netany.net[
/
url]
</
a
></
li
>
<
li
><
A target
=
"
_blank
"
>
[url]www.netany.net[
/
url]
</
a
></
li
>
</
ul
>
</
li
>
<
li
><
a href
=
"
#Menu=ChildMenu2
"
onclick
=
"
DoMenu('ChildMenu2')
"
>
我的帳務(wù)
</
a
>
<
ul id
=
"
ChildMenu2
"
class
=
"
collapsed
"
>
<
A target
=
"
_blank
"
>
支付
</
a
></
li
>
<
li
><
a href
=
"
#
"
>
網(wǎng)上支付
</
a
></
li
>
<
li
><
a href
=
"
#
"
>
登記匯款
</
a
></
li
>
<
li
><
a href
=
"
#
"
>
在線招領(lǐng)
</
a
></
li
>
<
li
><
a href
=
"
#
"
>
歷史帳務(wù)
</
a
></
li
>
</
ul
>
</
li
>
<
li
><
a href
=
"
#Menu=ChildMenu3
"
onclick
=
"
DoMenu('ChildMenu3')
"
>
網(wǎng)站管理
</
a
>
<
ul id
=
"
ChildMenu3
"
class
=
"
collapsed
"
>
<
li
><
a href
=
"
#
"
>
登錄
</
a
></
li
>
<
A target
=
"
_blank
"
>
管理
</
a
></
li
>
<
li
><
a href
=
"
#
"
>
管理
</
a
></
li
>
<
li
><
a href
=
"
#
"
>
管理
</
a
></
li
>
</
ul
>
</
li
>
<
li
><
a href
=
"
#Menu=ChildMenu4
"
onclick
=
"
DoMenu('ChildMenu4')
"
>
網(wǎng)站管理
</
a
>
<
ul id
=
"
ChildMenu4
"
class
=
"
collapsed
"
>
<
li
><
a href
=
"
#
"
>
登錄
</
a
></
li
>
<
A target
=
"
_blank
"
>
管理
</
a
></
li
>
<
li
><
a href
=
"
#
"
>
管理
</
a
></
li
>
<
li
><
a href
=
"
#
"
>
管理
</
a
></
li
>
</
ul
>
</
li
>
</
ul
>
</
div
>
</
body
>
</
html
>
<
script type
=
text
/
javascript
><!--
var LastLeftID
=
""
;
function menuFix()
{
var obj
=
document.getElementById(
"
nav
"
).getElementsByTagName(
"
li
"
);
for
(var i
=
0
; i
<
obj.length; i
++
)
{
obj[i].onmouseover
=
function()
{
this
.className
+=
(
this
.className.length
>
0
?
"
"
:
""
)
+
"
sfhover
"
;
}
obj[i].onMouseDown
=
function()
{
this
.className
+=
(
this
.className.length
>
0
?
"
"
:
""
)
+
"
sfhover
"
;
}
obj[i].onMouseUp
=
function()
{
this
.className
+=
(
this
.className.length
>
0
?
"
"
:
""
)
+
"
sfhover
"
;
}
obj[i].onmouseout
=
function()
{
this
.className
=
this
.className.replace(
new
RegExp(
"
( ?|^)sfhover\\b
"
),
""
);
}
}
}
function DoMenu(emid)
{
var obj
=
document.getElementById(emid);
obj.className
=
(obj.className.toLowerCase()
==
"
expanded
"
?
"
collapsed
"
:
"
expanded
"
);
if
((LastLeftID
!=
""
)
&&
(emid
!=
LastLeftID))
//
關(guān)閉上一個(gè)Menu
{
document.getElementById(LastLeftID).className
=
"
collapsed
"
;
}
LastLeftID
=
emid;
}
function GetMenuID()
{
var MenuID
=
""
;
var _paramStr
=
new
String(window.location.href);
var _sharpPos
=
_paramStr.indexOf(
"
#
"
);
if
(_sharpPos
>=
0
&&
_sharpPos
<
_paramStr.length
-
1
)
{
_paramStr
=
_paramStr.substring(_sharpPos
+
1
, _paramStr.length);
}
else
{
_paramStr
=
""
;
}
if
(_paramStr.length
>
0
)
{
var _paramArr
=
_paramStr.split(
"
&
"
);
if
(_paramArr.length
>
0
)
{
var _paramKeyVal
=
_paramArr[
0
].split(
"
=
"
);
if
(_paramKeyVal.length
>
0
)
{
MenuID
=
_paramKeyVal[
1
];
}
}
/**/
/*
if (_paramArr.length>0)
{
var _arr = new Array(_paramArr.length);
}
//取所有#后面的,菜單只需用到Menu
//for (var i = 0; i < _paramArr.length; i++)
{
var _paramKeyVal = _paramArr[i].split('=');
if (_paramKeyVal.length>0)
{
_arr[_paramKeyVal[0]] = _paramKeyVal[1];
}
}
*/
}
if
(MenuID
!=
""
)
{
DoMenu(MenuID)
}
}
GetMenuID();
//
*這兩個(gè)function的順序要注意一下,不然在Firefox里GetMenuID()不起效果
menuFix();
--></
script
>
Feedback
#
re: javaScript 實(shí)現(xiàn)樹型
回復(fù)
更多評論
2013-09-17 19:49 by
lizhi
樹結(jié)構(gòu)的思路,如何構(gòu)建一個(gè)樹組件
http://l-zhi.com/2013/09/%E7%94%9F%E6%B4%BB%E4%B8%AD%E7%9A%84%E6%A0%91%E5%92%8C%E7%A8%8B%E5%BA%8F%E4%B8%AD%E7%9A%84%E6%A0%91/
新用戶注冊
刷新評論列表
只有注冊用戶
登錄
后才能發(fā)表評論。
網(wǎng)站導(dǎo)航:
博客園
IT新聞
Chat2DB
C++博客
博問
管理
Powered by:
BlogJava
Copyright © Java蜘蛛人 --鄭成橋
主站蜘蛛池模板:
99久久国产免费中文无字幕
|
亚洲AV日韩AV天堂久久
|
7x7x7x免费在线观看
|
老湿机一区午夜精品免费福利
|
99亚洲精品高清一二区
|
国产日韩成人亚洲丁香婷婷
|
成人无遮挡裸免费视频在线观看
|
青青青免费国产在线视频小草
|
国产特黄特色的大片观看免费视频
|
在线视频亚洲一区
|
亚洲伦理一二三四
|
亚洲一区中文字幕久久
|
亚洲熟妇av一区二区三区漫画
|
波多野结衣一区二区免费视频
|
天天摸天天操免费播放小视频
|
在线永久看片免费的视频
|
久久99热精品免费观看牛牛
|
a视频在线观看免费
|
一本到卡二卡三卡免费高
|
在线观看亚洲精品专区
|
亚洲国产成人精品无码区花野真一
|
亚洲综合激情另类小说区
|
亚洲av无码一区二区三区网站
|
国产亚洲午夜高清国产拍精品
|
一区免费在线观看
|
男男黄GAY片免费网站WWW
|
宅男666在线永久免费观看
|
亚洲精品动漫免费二区
|
成人免费视频77777
|
欧美在线看片A免费观看
|
免费观看成人毛片a片2008
|
国产卡一卡二卡三免费入口
|
国产日本一线在线观看免费
|
69成人免费视频
|
91视频国产免费
|
四虎成人免费网址在线
|
国产精品免费_区二区三区观看
|
亚洲gay片在线gv网站
|
亚洲GV天堂无码男同在线观看
|
色妞www精品视频免费看
|
一级女性全黄久久生活片免费
|