<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
body {
margin-left: 3px;
margin-top: 0px;
margin-right: 3px;
margin-bottom: 0px;
}
.STYLE1 {
color: #e1e2e3;
font-size: 12px;
}
.STYLE6 {color: #000000; font-size: 12; }
.STYLE10 {color: #000000; font-size: 12px; }
.STYLE19 {
color: #344b50;
font-size: 12px;
}
.STYLE21 {
font-size: 12px;
color: #3b6375;
}
.STYLE22 {
font-size: 12px;
color: #295568;
}
-->
</style>
<script>
var highlightcolor='#d5f4fe';
//此处clickcolor只能用win系统颜色代码才能成功,如果用#xxxxxx的代码就不行,还没搞清楚为什么:(
var clickcolor='#51b2f6';
function changeto(){
source=event.srcElement;
if (source.tagName=="TR"||source.tagName=="TABLE")
return;
while(source.tagName!="TD")
source=source.parentElement;
source=source.parentElement;
cs = source.children;
//alert(cs.length);
if (cs[1].style.backgroundColor!=highlightcolor&&source.id!="nc"&&cs[1].style.backgroundColor!=clickcolor)
for(i=0;i<cs.length;i++){
cs[i].style.backgroundColor=highlightcolor;
}
}
function changeback(){
if (event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="nc")
return
if (event.toElement!=source&&cs[1].style.backgroundColor!=clickcolor)
//source.style.backgroundColor=originalcolor
for(i=0;i<cs.length;i++){
cs[i].style.backgroundColor="";
}
}
function clickto(){
source=event.srcElement;
if (source.tagName=="TR"||source.tagName=="TABLE")
return;
while(source.tagName!="TD")
source=source.parentElement;
source=source.parentElement;
cs = source.children;
//alert(cs.length);
if (cs[1].style.backgroundColor!=clickcolor&&source.id!="nc")
for(i=0;i<cs.length;i++){
cs[i].style.backgroundColor=clickcolor;
}
else
for(i=0;i<cs.length;i++){
cs[i].style.backgroundColor="";
}
}
</script>
</head>
<body>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="30"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="24" bgcolor="#353c44"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="6%" height="19" valign="bottom"><div align="center"><img src="images/tb.gif" width="14" height="14" /></div></td>
<td width="94%" valign="bottom"><span class="STYLE1"> 管理人员基本信息列表</span></td>
</tr>
</table></td>
<td><div align="right"><span class="STYLE1">
<input type="checkbox" name="checkbox11" id="checkbox11" />
全选 <img src="images/add.gif" width="10" height="10" /> 添加 <img src="images/del.gif" width="10" height="10" /> 删除 <img src="images/edit.gif" width="10" height="10" /> 编辑 </span><span class="STYLE1"> </span></div></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#a8c7ce" onmouseover="changeto()" onmouseout="changeback()">
<tr>
<td width="4%" height="20" bgcolor="d3eaef" class="STYLE10"><div align="center">
<input type="checkbox" name="checkbox" id="checkbox" />
</div></td>
<td width="10%" height="20" bgcolor="d3eaef" class="STYLE6"><div align="center"><span class="STYLE10">用户名</span></div></td>
<td width="15%" height="20" bgcolor="d3eaef" class="STYLE6"><div align="center"><span class="STYLE10">用户角色</span></div></td>
<td width="14%" height="20" bgcolor="d3eaef" class="STYLE6"><div align="center"><span class="STYLE10">联系方式</span></div></td>
<td width="16%" height="20" bgcolor="d3eaef" class="STYLE6"><div align="center"><span class="STYLE10">IP地址</span></div></td>
<td width="27%" height="20" bgcolor="d3eaef" class="STYLE6"><div align="center"><span class="STYLE10">详细描述</span></div></td>
<td width="14%" height="20" bgcolor="d3eaef" class="STYLE6"><div align="center"><span class="STYLE10">基本操作</span></div></td>
</tr>
<tr>
<td height="20" bgcolor="#FFFFFF"><div align="center">
<input type="checkbox" name="checkbox2" id="checkbox2" />
</div></td>
<td height="20" bgcolor="#FFFFFF" class="STYLE6"><div align="center"><span class="STYLE19">admin</span></div></td>
<td height="20" bgcolor="#FFFFFF" class="STYLE19"><div align="center">系统管理员</div></td>
<td height="20" bgcolor="#FFFFFF" class="STYLE19"><div align="center">13913612548</div></td>
<td height="20" bgcolor="#FFFFFF" class="STYLE19"><div align="center">192.168.0.124</div></td>
<td height="20" bgcolor="#FFFFFF" class="STYLE19"><div align="center">用户可以对系统的所有操作进行管理...</div></td>
<td height="20" bgcolor="#FFFFFF"><div align="center" class="STYLE21">删除 | 查看</div></td>
</tr>
<tr>
<td height="20" bgcolor="#FFFFFF"><div align="center">
<input type="checkbox" name="checkbox3" id="checkbox3" />
</div></td>
<td height="20" bgcolor="#FFFFFF" class="STYLE19"><div align="center">admin</div></td>
<td height="20" bgcolor="#FFFFFF" class="STYLE19"><div align="center">系统管理员</div></td>
<td height="20" bgcolor="#FFFFFF" class="STYLE19"><div align="center">13913612548</div></td>
<td height="20" bgcolor="#FFFFFF" class="STYLE19"><div align="center">192.168.0.124</div></td>
<td height="20" bgcolor="#FFFFFF" class="STYLE19"><div align="center">用户可以对系统的所有操作进行管理...</div></td>
<td height="20" bgcolor="#FFFFFF"><div align="center"><span class="STYLE21">删除 | 查看</span></div></td>
</tr>
<tr>
<td height="20" bgcolor="#FFFFFF"><div align="center">
<input type="checkbox" name="checkbox4" id="checkbox4" />
</div></td>
<td height="20" bgcolor="#FFFFFF" class="STYLE19"><div align="center">admin</div></td>
<td height="20" bgcolor="#FFFFFF" class="STYLE19"><div align="center">系统管理员</div></td>
<td height="20" bgcolor="#FFFFFF" class="STYLE19"><div align="center">13913612548</div></td>
<td height="20" bgcolor="#FFFFFF" class="STYLE19"><div align="center">192.168.0.124</div></td>
<td height="20" bgcolor="#FFFFFF" class="STYLE19"><div align="center">用户可以对系统的所有操作进行管理...</div></td>
<td height="20" bgcolor="#FFFFFF"><div align="center"><span class="STYLE21">删除 | 查看</span></div></td>
</tr>
<tr>
<td height="20" bgcolor="#FFFFFF"><div align="center">
<input type="checkbox" name="checkbox5" id="checkbox5" />
</div></td>
<td height="20" bgcolor="#FFFFFF" class="STYLE19"><div align="center">admin</div></td>
<td height="20" bgcolor="#FFFFFF" class="STYLE19"><div align="center">系统管理员</div></td>
<td height="20" bgcolor="#FFFFFF" class="STYLE19"><div align="center">13913612548</div></td>
<td height="20" bgcolor="#FFFFFF" class="STYLE19"><div align="center">192.168.0.124</div></td>
<td height="20" bgcolor="#FFFFFF" class="STYLE19"><div align="center">用户可以对系统的所有操作进行管理...</div></td>
<td height="20" bgcolor="#FFFFFF"><div align="center"><span class="STYLE21">删除 | 查看</span></div></td>
</tr>
<tr>
没有合适的资源?快使用搜索试试~ 我知道了~
jquery accordion tree 菜单栏 左右折叠框架示例
共141个文件
gif:68个
js:26个
css:16个
3星 · 超过75%的资源 需积分: 9 106 下载量 90 浏览量
2010-07-16
16:08:18
上传
评论 1
收藏 502KB RAR 举报
温馨提示
jquery accordion tree 菜单栏 左右折叠框架示例,jquery accordion 的示例练习!网上的是div 来展示折叠效果。可以将源码改成div,也可以实现折叠效果。
资源推荐
资源详情
资源评论
收起资源包目录
jquery accordion tree 菜单栏 左右折叠框架示例 (141个子文件)
.classpath 362B
jquery-ui-1.8rc3.custom.css 30KB
jquery.ui.theme.css 18KB
ui.theme.css 18KB
demos.css 14KB
demos.css 14KB
demo.css 4KB
jquery.treeview.css 3KB
tipswindown.css 1KB
jquery.ui.tabs.css 1KB
style.css 969B
jquery.ui.accordion.css 807B
screen.css 623B
jquery.ui.base.css 388B
ui.base.css 261B
jquery.ui.all.css 63B
jquery.ui.all.css 61B
tu1.gif 14KB
main_01.gif 9KB
treeview-default-line.gif 2KB
treeview-gray-line.gif 2KB
treeview-black-line.gif 2KB
treeview-red-line.gif 2KB
main_11.gif 2KB
main_46.gif 1KB
main_40.gif 1KB
main_52.gif 1KB
main_50.gif 1KB
main_48.gif 1KB
treeview-famfamfam.gif 1KB
main_34_1.gif 1KB
main_34.gif 1KB
main_34.gif 1KB
main_34.gif 1KB
treeview-gray.gif 1KB
treeview-red.gif 1KB
treeview-default.gif 1KB
treeview-black.gif 1KB
main_07.gif 1KB
main_19.gif 1KB
plus.gif 841B
minus.gif 837B
treeview-famfamfam-line.gif 807B
main_29.gif 785B
main_05.gif 760B
main_06.gif 632B
main_13.gif 615B
main_03.gif 598B
user.gif 596B
main_17.gif 589B
main_15.gif 589B
main_21.gif 586B
main_10.gif 549B
main_58.gif 524B
main_56.gif 517B
main_60.gif 514B
main_54.gif 506B
pass.gif 500B
2.gif 495B
1.gif 483B
main_62.gif 454B
quit.gif 426B
tab_bg.gif 376B
tb.gif 368B
main_32.gif 175B
main_71.gif 134B
main_30.gif 116B
file.gif 110B
folder.gif 106B
folder-closed.gif 105B
del.gif 96B
main_69.gif 96B
edit.gif 91B
add.gif 91B
main_74.gif 85B
main_31.gif 83B
bg.gif 64B
main_72.gif 58B
sj.gif 58B
main_711.gif 55B
asc.gif 54B
desc.gif 54B
main_43.gif 54B
main_35.gif 54B
main_28.gif 54B
list.html 13KB
top.html 5KB
center.html 958B
down.html 716B
jquery-ui-1.8rc3.custom.min.js 209KB
jquery-1.4.2.js 160KB
jquery-1.4.2.js 160KB
jquery.js 98KB
jquery.js 98KB
jquery.js 94KB
jquery.js 92KB
jquery.layout.js 81KB
jquery-1.4.2.min.js 70KB
jquery.js 56KB
jquery-latest.js 53KB
共 141 条
- 1
- 2
QQ525657350
- 粉丝: 9
- 资源: 21
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
- 1
- 2
前往页