JAVA涂鸦
关于JAVA的点点滴滴
BlogJava
首页
新文章
新随笔
聚合
管理
posts - 50, comments - 689, trackbacks - 0
QQ树形7
<
html
>
<
head
>
<
metdiv
http-equiv
="Content-Type"
content
="text/html; charset=gb2312"
/>
<
script
language
="JavaScript"
type
="text/javascript"
>
var
curr
=
null
;
var
hs
=
new
Array();
var
ps
=
new
Array();
function
getElementsByClassName(clsName)
{
var
arr
=
new
Array();
var
elems
=
document.getElementsByTagName(
"
*
"
);
for
(
var
cls, i
=
0
; ( elem
=
elems[i] ); i
++
)
{
if
( elem.className
==
clsName )
{
arr[arr.length]
=
elem;
}
}
return
arr;
}
function
initFaq()
{
var
faq
=
document.getElementById(
"
faq
"
);
hs
=
getElementsByClassName(
"
D_title
"
);
ps
=
getElementsByClassName(
"
D_content
"
);
for
(
var
i
=
0
;i
<
hs.length;i
++
)
{
hs[i].id
=
'a_syy_'
+
i;
ps[i].id
=
hs[i].id
+
'_x';
hs[i].onclick
=
function
()
{
if
(curr
!=
null
&&
curr
!=
this
.id)
{
document.getElementById(curr
+
"
_x
"
).style.display
=
'none';
document.getElementById(curr).style.backgroundImage
=
'url(images
/
hide.gif)';
document.getElementById(curr).style.backgroundColor
=
'#E6B18C';
}
var
s
=
document.getElementById(
this
.id
+
"
_x
"
).style;
s.display
=
((s.display
==
'none')
?
'block':'none');
if
(s.display
!=
'none')
{
curr
=
this
.id;
this
.style.backgroundImage
=
'url(images
/
show.gif)';
this
.style.backgroundColor
=
'#FF8C3C';
}
else
{
curr
=
null
;
this
.style.backgroundImage
=
'url(images
/
hide.gif)';
this
.style.backgroundColor
=
'#E6B18C';
}
}
hs[i].onmouseover
=
function
()
{
this
.style.backgroundColor
=
"
#E69860
"
;
}
hs[i].onmouseout
=
function
()
{
this
.style.backgroundColor
=
(document.getElementById(
this
.id
+
"
_x
"
).style.display
==
'none')
?
"
#e6b18c
"
:'#FF8C3C';
}
hs[i].style.cursor
=
'pointer';
ps[i].style.display
=
'none';
}
}
</
script
>
<
style
>
body
{
}
{
margin
:
0
;
background
:
url(images/diary.gif) no-repeat right bottom
;
}
#faq
{
}
{
width
:
567px
;
list-style
:
none
;
padding
:
0
;
margin
:
1px
;
}
#faq li
{
}
{
width
:
100%
;
margin
:
0
;
}
#faq .D_title
{
}
{
width
:
100%
;
height
:
22px
;
color
:
#7455E8
;
font
:
400 12px/22px tahoma
;
display
:
block
;
margin-top
:
1px
;
text-decoration
:
none
;
background
:
#E6B18C url(images/hide.gif) no-repeat 5px center
;
}
#faq .D_content
{
}
{
width
:
100%
;
height
:
250px
;
font
:
12px/18px tahoma
;
color
:
#F26D4D
;
background
:
#E6E9FF
;
margin
:
0
;
}
</
style
>
</
head
>
<
body
onload
="initFaq()"
>
<
ul
id
="faq"
style
="background:#fff;"
>
<
li
>
<
div
class
="D_title"
href
="#"
>
2005-11-8 星期一 晴
</
div
>
<
div
class
="D_content"
>
</
div
>
</
li
>
<
li
>
<
div
class
="D_title"
href
="#"
>
2005-11-8 星期二 晴
</
div
>
<
div
class
="D_content"
>
</
div
>
</
li
>
<
li
>
<
div
class
="D_title"
href
="#"
>
2005-11-8 星期三 晴
</
div
>
<
div
class
="D_content"
>
</
div
>
</
li
>
<
li
>
<
div
class
="D_title"
href
="#"
>
2005-11-8 星期四 晴
</
div
>
<
div
class
="D_content"
>
</
div
>
</
li
>
<
li
>
<
div
class
="D_title"
href
="#"
>
2005-11-8 星期五 晴
</
div
>
<
div
class
="D_content"
>
</
div
>
</
li
>
<
li
>
<
div
class
="D_title"
href
="#"
>
2005-11-8 星期六 晴
</
div
>
<
div
class
="D_content"
>
</
div
>
</
li
>
<
li
>
<
div
class
="D_title"
href
="#"
>
2005-11-8 星期天 晴
</
div
>
<
div
class
="D_content"
>
</
div
>
</
li
>
</
ul
>
</
body
>
</
html
>
posted on 2007-04-01 16:45
千山鸟飞绝
阅读(460)
评论(0)
编辑
收藏
所属分类:
JavaScript
新用户注册
刷新评论列表
只有注册用户
登录
后才能发表评论。
网站导航:
博客园
IT新闻
知识库
C++博客
博问
管理
相关文章:
QQ树形8
QQ树形7
QQ树形6
QQ树形5
QQ树形4
QQ树形3
QQ树形2
QQ树形
类似QQ的树型菜单
javascript实现二级联动下拉框
正在阅读:
<
2024年11月
>
日
一
二
三
四
五
六
27
28
29
30
31
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
1
2
3
4
5
6
7
常用链接
我的随笔
我的评论
我的参与
最新评论
留言簿
(35)
给我留言
查看公开留言
查看私人留言
随笔档案
2009年9月 (1)
2008年7月 (1)
2008年3月 (3)
2007年11月 (2)
2007年10月 (1)
2007年5月 (3)
2007年4月 (4)
2007年3月 (6)
2007年2月 (1)
2006年12月 (1)
2006年9月 (1)
2006年8月 (3)
2006年7月 (1)
2006年6月 (2)
2006年5月 (3)
2006年3月 (2)
2006年1月 (1)
2005年12月 (3)
2005年11月 (6)
2005年10月 (5)
文章分类
Ajax(7)
CVSNT(1)
eclipse(6)
Hibernate(3)
ibatis
J2SE(8)
Jasperreport (2)
JavaMail(1)
JavaScript(11)
MySQL
Spring(1)
Struts(1)
Web Servers(2)
Web开发(16)
文章档案
2007年6月 (2)
2007年5月 (1)
2007年4月 (12)
2007年3月 (5)
2006年8月 (6)
2006年7月 (1)
2006年6月 (2)
2006年5月 (3)
2006年3月 (2)
2006年1月 (6)
2005年12月 (4)
2005年11月 (1)
2005年10月 (8)
2005年9月 (6)
好友的blog
晚来
祝子
我的其他blog
千山鸟飞绝(天极)
千山鸟飞绝专栏
老婆的Blog
伊斓的BLOG
搜索
积分与排名
积分 - 772954
排名 - 56
最新评论
1. re: javascript实现二级联动下拉框
太棒了 好东西就该这样
--精神病
2. re: struts+spring+hibernate的web应用 Dao层代码编写
又是个只操作单个表的,不要老写这些toy code!
--我晕
3. re: 如何使用Log4j?
谢谢楼主,给新手不少的帮助,
--login
4. re: 如何使用Log4j?
不错,浅显易懂,好文章!
--心诚则灵
5. re: struts+spring+hibernate的web应用 Dao层代码编写
方法
--方法
阅读排行榜
1. Jboss4.0.2的端口的修改(13218)
2. eclipse3.1.1版本的中文包已经出来了。(11725)
3. struts2.0+spring2.0+hibernate3.1 web应用 示例代码下载(11517)
4. 很奇怪的Struts2中文乱码问题(9720)
5. Struts2.0+spring2.0+hibernate3.1 ACEGI应用示例(权限判断)(9026)
评论排行榜
1. eclipse3.1.1版本的中文包已经出来了。(21)
2. struts2.0+spring2.0+hibernate3.1 web应用 示例代码下载(20)
3. 我的QQ宠物怎么变得这么大了????(13)
4. 如何下载in action等系列书籍的源代码(10)
5. 很奇怪的Struts2中文乱码问题(7)