Jquery选项卡的实现方法
来源:互联网 发布:在密德萨斯大学知乎 编辑:程序博客网 时间:2024/04/29 21:38
首先呢,要想实现选项卡的功能,我们就必须用到 jquery的 tabs插件 而且还要用到相关的几个 Js
我先把 需要引用的 css和 js 列出来 大家看一下
<link href="css/jquery.ui.all.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.7.1.js" type="text/javascript"></script>
<script src="js/jquery.ui.core.js" type="text/javascript"></script>
<script src="js/jquery.ui.widget.js" type="text/javascript"></script>
<script src="js/jquery.ui.tabs.js" type="text/javascript"></script>
<link href="css/base/jquery.ui.base.css" rel="stylesheet" type="text/css" />
<link href="css/base/jquery.ui.theme.css" rel="stylesheet" type="text/css" />
<link href="css/demos.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
还有一个 JQ 方法
<script type="text/javascript">
$(function() {
$( "#tabs" ).tabs({
event: "mouseover"
});
});
</script>
前台代码
<div id="tabs">
<ul>
<li><a href="#tabs-1">上传音乐</a></li>
<li><a href="#tabs-2">我的上传</a></li>
</ul>
<div id="tabs-1" style="background-color:Black">
<table class="ui-accordion">
<tr>
<td style="font-size: 12px; color: #FFFFFF;">
选择歌曲:<asp:FileUpload
ID="FileUpload1" runat="server" Height="19px" Width="215px" />
<asp:Button ID="BtnUpload" runat="server" onclick="BtnUpload_Click"
Text="确定上传" />
</td>
</tr>
<tr>
<td style="font-size: 12px; color: #FFFFFF;">
Ps:请上传10M以下的文件,请注册帐号登录后上传以免地址失效!</td>
</tr>
<tr>
<td style="font-size: 12px">
<asp:Label ID="Label1" runat="server" Text="您还没有登录,还不能上传歌曲。"
ForeColor="#CCFF33"></asp:Label>
<asp:LinkButton ID="LinkButton1" runat="server" ForeColor="#FF0066">注册账号?</asp:LinkButton>
</td>
</tr>
</table>
</div>
<div id="tabs-2" style="background-color:Black">
<table class="ui-accordion">
<tr>
<td style="font-size: 12px; font-weight: bold; color: #FFFFFF;">
会员:<asp:TextBox ID="TxtHuiyuan" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td style="font-size: 12px; font-weight: bold">
</td>
</tr>
<tr>
<td style="font-size: 12px; font-weight: bold; color: #FFFFFF;">
密码:<asp:TextBox ID="TxtPass" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td style="font-size: 12px; font-weight: bold">
</td>
</tr>
<tr>
<td style="font-size: 12px; font-weight: bold">
<asp:ImageButton ID="ImgBtnRegister" runat="server"
ImageUrl="~/images/register.jpg" onclick="ImgBtnRegister_Click" />
<asp:ImageButton ID="ImgBtnLogin" runat="server"
ImageUrl="~/images/login.jpg" onclick="ImgBtnLogin_Click" />
</td>
</tr>
</table>
</div>
</div>
- Jquery选项卡的实现方法
- 利用jQuery方法实现选项卡的功能
- jQuery实现选项卡
- jquery实现 选项卡
- jquery 实现选项卡
- jquery实现选项卡
- 选项卡jQuery实现
- jquery实现选项卡
- jquery实现选项卡
- jQuery多项选项卡的实现
- jquery实现简单的选项卡功能
- jQuery实现的平滑滚动选项卡
- jquery的选项卡
- 利用jQuery实现->选项卡
- Jquery实现选项卡tabs
- jQuery实现网页选项卡
- Jquery实现选项卡功能
- Jquery实现选项卡功能
- 段错误总结
- hds 需要重启了。。。。。。。。
- 14 Live CDs for Penetration Testing (Pen Test) and Forensic
- Dynamo:利用NWR模型与vector clock解决锁问题
- 头文件 ------------------- 函数定义
- Jquery选项卡的实现方法
- WebKit内核源码分析
- JavaScript数组的reverse和sort方法
- 毕业设计那点事
- JAVA 回调函数
- 水下10米处建酒店 设计外形如飞船
- android:ellipsize
- 2012.02.29_hkfans_VMProtect 2.06全过程分析
- ffmpeg AT&T汇编转intel汇编 之(read_time)