jTab 选项卡

chengyu2099

浏览: 469073 次
性别:
来自: 南京

最近访客更多访客>>

u012363178

zjjsgwm

dyf423

97wgl

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Web-Jsp

DWR jQuery CSS 游戏 Webwork


<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib prefix="w" uri="webwork" %>
<!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>
<link href="<%=request.getContextPath() %>/framework/images/layout.css" rel="stylesheet" type="text/css" />
<link href="<%=request.getContextPath() %>/framework/images/style.css" rel="stylesheet" type="text/css" />
<script type='text/javascript' src='<%=request.getContextPath() %>/dwr/interface/UserDwr.js''></script>
<script type='text/javascript' src='<%=request.getContextPath() %>/dwr/interface/UserFriendDwr.js''></script>
<script type='text/javascript' src='<%=request.getContextPath() %>/dwr/engine.js'></script>
<script type='text/javascript' src='<%=request.getContextPath() %>/dwr/util.js'></script>
<style>
ul, li, h2, h3 { margin:0; padding:0; }
h1, h2 { text-align:center; line-height:140%; }
li { list-style-type:none; }
img { border:0; }
.split { clear:both; height:30px; overflow:hidden; }
p { font-size:14px; line-height:200%; text-align:center; }
/* -- 选项卡two -- */
.tab_two,.tab_two1,.tab_two2 { width:700px; margin:0 auto; }
#tab_two_menu,#tab_two_menu1,#tab_two_menu2 {
	height:27px;
	background-image: url(<%=request.getContextPath() %>/framework/images/tabbg2.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#tab_two_menu li,#tab_two_menu1 li,#tab_two_menu2 li {
    float:left;
    width:140px;
    height:23px;
    line-height:23px;
    font-size:14px;
    color:#1f376d;
    text-align:center;
    background:url(<%=request.getContextPath() %>/framework/images/tabbg2.gif) 0 -34px no-repeat;
    cursor:pointer;
}
#tab_two_menu li.current,#tab_two_menu1 li.current,#tab_two_menu2 li.current { font-weight:bold; background:url(<%=request.getContextPath() %>/framework/images/tabbg2.gif) 0 
-64px no-repeat; }
#tab_two_box,#tab_two_box1,#tab_two_box2{ width:698px; border:1px solid #e4e4e4; border-top:0; }
#tab_two_box ul,#tab_two_box1 ul,#tab_two_box2 ul{ padding:6px 0; }
#tab_two_box ul li,#tab_two_box1 ul li,#tab_two_box2 ul li {
    padding-left:10px;
    line-height:180%;
    color:#1F376D;
}
</style>
<script type="text/javascript" src="<%=request.getContextPath() %>/framework/images/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/framework/images/jquery.jTab.js"></script>
<script type="text/javascript" >
$(function(){
    $(".tab_two").jTab({
        menutag: "#tab_two_menu li",
        boxtag: "#tab_two_box > ul",
        cur: 1
    });
    $(".tab_two1").jTab({
        menutag: "#tab_two_menu1 li",
        boxtag: "#tab_two_box1 > ul",
        cur: 1
    });
    $(".tab_two2").jTab({
        menutag: "#tab_two_menu2 li",
        boxtag: "#tab_two_box2 > ul",
        cur: 1
    });
});
</script>
</head>

<body onload="initi()">

<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
	<tr>
		<td width="763" height="73" valign="bottom">
			<img src="<%=request.getContextPath()%>/framework/images/logo.jpg" width="216"
				height="73" />
		</td>
		<td width="237" valign="bottom">
			<img src="<%=request.getContextPath()%>/framework/images/logo02.jpg"
				width="211" height="37" />
		</td>
	</tr>
</table>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
		<tr><td width="1002" height="46" bgcolor="#FF8E01">
		<table width="1000" border="0" align="center" cellpadding="0"cellspacing="0">
		<tr><td width="124" height="51"><div align="center">
		<a href="#" class="main_menu2">校园门口</a></div></td>
		<td width="122" class="text_point"><div align="center">我的秀客</div>
		</td><td width="115"><div align="center"><a href="#" class="main_menu2">互动天地</a></div>
		</td><td width="115"><div align="center"><a href="#" class="main_menu2">好玩游戏</a></div>
		</td><td width="123"><div align="center"><a href="#" class="main_menu2">问答百科</a></div>
		</td><td width="120"><div align="center"><a href="#" class="main_menu2">校园商城</a></div>
		</td><td width="62">&nbsp;</td><td width="219">
		<table width="200" border="0" cellspacing="0" cellpadding="0">
		<tr><td width="39" rowspan="2"><img width="32" height="32" alt="" />
		</td><td width="161" height="25" class="text_zhaoren">欢迎您：XXXX 积分</td>
		</tr><tr><td height="19"><a href="#" class="top">个人设置</a>
		<a href="#" class="top">邀请</a><a href="#" class="top">任务</a>
		</td></tr></table></td></tr></table></td></tr>
		<tr><td height="19"><table width="700" height="33" border="0" align="center"cellpadding="0" cellspacing="0">
		<tr><td width="100" height="33"><div align="center"><a href="#" class="link01">秀自己</a>	</div>
		</td><td width="100" class="center"><div align="center" class="link01">心情</div>
		</td><td width="100"><div align="center"><a href="#" class="link01">博客</a></div>
		</td> <td width="100" class="text_point02"><div align="center" class="link01">相册</div></td>
		<td width="100"><div align="center"><a href="#" class="link01">个人设置</a></div>
		</td><td width="100"><div align="center"><a href="#" class="link01">好友管理</a></div>
		</td></tr></table></td></tr>
</table>
<table width="1000" border="0" align="center" cellpadding="4" cellspacing="0" class="table_zone2">
	<tr><td width="669" height="34" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td height="129" colspan="3"><table width="100%" height="137" border="0" align="center" cellpadding="0" cellspacing="1">
	 <tr><td width="100%" height="26"><table width="100%" border="0" cellspacing="0"cellpadding="0">
<tr><td width="42" height="19" class="text_title01">
<img src="<%=request.getContextPath()%>/framework/images/rizhi.gif" width="16" height="19" />
<div align="left"></div></td><td class="text_title01"><div align="left" class="text_title02">我的相册</div></td>
<td width="12" height="19" class="text_title01">&nbsp;</td></tr>
</table></td></tr><tr><td height="103" valign="top"><table width="100%" height="64" border="0" cellpadding="4" cellspacing="0">
<tr><td width="100%" valign="top">
<!--排名选项卡开始 -->

<div class="tab_two">
	<ul id="tab_two_menu">
		<li>我的相册</li><li>好友的相册</li><li>大家的相册</li>
	</ul>
<div id="tab_two_box">
<ul>
	<div style="display:none" id="inputTextValue"></div>
	<div style="display:none" id="browserPhotoValue"></div>
	<div style="display:none" id="browserPhotoTOPValue"></div>
	
	<table>
		<tr><td>
			<input type="button" value="上传图片" onclick="uploadPhoto()" />
		</td><td>
			<input type="button" id = "CreateAlbumId" name = "CreateAlbumName" value="创建相册"  onclick="CreateAlbumMe()" />
		</td></tr>
	</table>
</ul>
<ul>22222222222</ul>
<ul>3333333333333</ul>
</div></div>
</td></tr></table></td></tr></table></td></tr></table></td>
<td width="331" valign="top">
<br /><br /></td></tr>
</table>

<table width="100%" border="0" align="center" cellpadding="0"cellspacing="0">
	<tr><td height="19">&nbsp;</td></tr><tr>
	<td height="52"background="<%=request.getContextPath()%>/framework/images/foot.jpg">
	<table width="200" border="0" align="center" cellpadding="0"cellspacing="0">
	<tr><td class="text_foot">
	<div align="center">2009 copyright</div></td></tr></table></td></tr></table>

</body>
</html>

分享到：

SQL 导入导出数据 | jTab 选项卡

2010-01-27 13:33
浏览 1114
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

jTab 选项卡

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

jTab 选项卡

评论

发表评论

相关推荐

SSH Log4j配置

myeclipse控制台不显示tomcat信息

DWR 传递对象--参数 DEMO

DWR 返回集合 demo

DWR 返回对象 DEMO

DWR 例子 -填充 select

textArea 滚动条控制

JSTL 配置中的注意事项

div 弹出层 展示 例子

dwr 例子

柱状图 饼状图 封装

addProduct.js 今天刚写的代码

list转json

addEvent-志愿者-样式

jTab 选项卡

Java 分页 封装类

tree 级联菜单__树型结构

JS 获取父页面值

win 弹出层

URL 乱码

最近访客更多访客>>

div 弹出层展示例子

柱状图饼状图封装

Java 分页封装类