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蜘蛛人 --鄭成橋
主站蜘蛛池模板:
www.亚洲成在线
|
深夜国产福利99亚洲视频
|
亚洲日本va在线视频观看
|
国产免费av片在线无码免费看
|
免费毛片a在线观看67194
|
久久久高清免费视频
|
国语成本人片免费av无码
|
在线免费观看中文字幕
|
精品国产免费观看久久久
|
日韩亚洲国产综合久久久
|
亚洲午夜福利在线观看
|
亚洲黄色在线网站
|
亚洲日韩精品无码专区加勒比
|
久久亚洲AV成人无码国产电影
|
人体大胆做受免费视频
|
久久免费美女视频
|
18禁超污无遮挡无码免费网站国产
|
永久免费bbbbbb视频
|
亚洲中文字幕久久精品无码APP
|
九九视频高清视频免费观看
|
久久久精品视频免费观看
|
亚洲AV综合色区无码一二三区
|
国产成人亚洲综合一区
|
亚洲综合精品第一页
|
日本中文字幕免费看
|
国产无限免费观看黄网站
|
中文精品人人永久免费
|
在线观看的免费网站无遮挡
|
午夜福利不卡片在线播放免费
|
处破痛哭A√18成年片免费
|
亚洲av无码不卡私人影院
|
亚洲国产综合精品中文第一区
|
亚洲日韩乱码中文无码蜜桃
|
亚洲天堂福利视频
|
亚洲欧洲久久精品
|
美女视频黄频a免费观看
|
免费成人在线视频观看
|
成人免费看吃奶视频网站
|
亚洲毛片免费视频
|
中文字幕亚洲综合精品一区
|
麻豆国产人免费人成免费视频
|