jquery插件ui中tabs实现选择面板效果

原创 2012年03月28日 16:49:18
<!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>选项卡table</title>
<script type="text/javascript" language="javascript" src="jquery-1.7.1.min.js">
</script>
<script type="text/javascript" language="javascript" src="jquery-ui-1.8.18.custom.min.js">
</script>
<link rel="stylesheet" href="ui-lightness/jquery-ui-1.8.18.custom.css"/>
<script type="text/javascript" language="javascript">
$(function(){
	$("#tabs").tabs({
		//disabled:[1],//定义不可用元素
		selected:2
		});
		$("#tabs").tabs("remove",2);
		$("#tabs").tabs("add","tab-3","four");
	})
</script>
</head>

<body>
<div id="tabs">
<ul>
<li><a href="#tab-1">选项卡1</a></li>
<li><a href="#tab-2">选项卡2</a></li>
<li><a href="#tab-3">选项卡3</a></li>
<li><a href="#tab-4">选项卡4</a></li>
</ul>
<div id="tab-1">新闻:唐僧杀了白骨精</div>
<div id="tab-2">娱乐新闻:张杰的</div>
<div id="tab-3">IT新闻:苹果争论</div>
<div id="tab-4">乐乐乐乐乐</div>
</div>
</body>
</html>


jQuery插件--实现tabs面板效果

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 模拟tab...
  • wo1354691371
  • wo1354691371
  • 2012年03月28日 17:30
  • 1050

JQuery UI之(三)可切换面板——tabs

一、          前言Tabs组件的使用与dialog一样十分简单,  默认的配置即可实现最简单的tab, 通过设置更多的options可以实现更复杂的应用. 二、          直入主题引...
  • soldierluo
  • soldierluo
  • 2009年12月13日 16:48
  • 9655

jquery easy ui tabs使用

1.怎样激活对应对应索引值的tab页 var Index = $(this).index(); $("#tele_menu").tabs("select",Index);...
  • lxp1021
  • lxp1021
  • 2013年10月31日 21:11
  • 7587

折叠面板的改进【Amaze UI】

折叠面板或者说折叠列表在移动端的使用非常广泛,不仅可以让页面渲染地更简洁,而且使用起来也是很大方,很实用。在做项目的过程中,我应用到了这个功能,进行了改进并应用,接下来详细讲解。 结果展示: ...
  • u010297791
  • u010297791
  • 2016年10月09日 10:51
  • 1683

Android三种实现Tab界面效果的方法,ViewPager + Fragment

转载:http://blog.csdn.net/liweijie_chengxuyuan/article/details/45410617 向原作者致敬。 首先,第一种: ...
  • qice675563721
  • qice675563721
  • 2016年02月22日 11:12
  • 671

【jQueryUI】利用accordion、tabs与自定义面板布局

下面将用以下的一个布局,说明jQueryUI中accordion、tabs的应用,如何用.ui-widget-content与.ui-widget-header两个元素搞出面板。 以下是在IE8的测...
  • yongh701
  • yongh701
  • 2015年09月25日 11:13
  • 1825

JqueryUI学习笔记-选项卡tabs

Insert title here $(function() { $("#tabs").tabs({ //配置当前打开的选项卡的索引,可以使用bool值或者int值,默认为1 ...
  • dc15822445347
  • dc15822445347
  • 2014年03月27日 18:26
  • 8829

jquery插件实现面板切换效果

无标题文档 $(function(){     $("#tables").tabs({         fx:{opacity:0.2}, //显示透明度的        ...
  • AFei_student
  • AFei_student
  • 2012年03月28日 19:36
  • 869

Jquery插件--实现面板模拟效果

无标题文档 //当窗体加载完毕的时候 触发该匿名函数 //$(document) //把dom对象转换成jquery对象 //.ready(funct...
  • zhaoxinglei0309
  • zhaoxinglei0309
  • 2012年03月28日 17:29
  • 317

jquery-ui标签页组件(tabs)学习

1.默认效果 jQuery UI Tabs - Default functionality //方法很简单,没什么要说的,主要是注意...
  • lushuaiyin
  • lushuaiyin
  • 2012年03月26日 10:54
  • 4976
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery插件ui中tabs实现选择面板效果
举报原因:
原因补充:

(最多只允许输入30个字)