jquery ui 插件实例 (2)

原创 2012年03月28日 17:41:52


2、模拟tabs效果

js效果

 <link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.18.custom.css" />
<script language="javascript" type="text/javascript" src="./js/jquery-1.7.1.min.js">
</script>
<script language="javascript" type="text/javascript" src="./js/jquery-ui-1.8.18.custom.min.js"></script>
<script language="javascript" type="text/javascript">
//当窗体加载完毕时候 触发该匿名函数
//$(document) //dom对象转化为jquery对象
//.ready(function(){})
$(function(){
	$("#tabs").tabs({             //根据id选择器获取当前id选择器的jquery对象
		event:"click",        //
		//disabled:[1],             //面板不可用 1 代表的第二面板不可用
		fx:{
			opacity:'toggle'		//透明度从无到有的动画效果
			},
		
		selected:1               //默认选择 1
		
	});
	})
	
	
</script>


html格式

<body>
<h1>模拟tabs效果</h1>
<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></ul>
<div id="tab-1">
新闻:gvgi1

</div>
<div id="tab-2">
新闻:gvgi2

</div>
<div id="tab-3">
新闻:gvgi3

</div>
</div>
</body>



实际效果图例:


相关文章推荐

jquery ui 插件实例 (3)

3、模拟Dialog效果 js效果 //当窗体加载完毕时候 触发该匿名函数 //$(document) //dom对象转化为jquery对象 //.ready(function()...
  • lvzk555
  • lvzk555
  • 2012年03月28日 17:44
  • 885

jquery ui 插件实例 (1)

1、模拟accordion效果  js效果 $(function(){ //var option={header:"h3"}; $("#accordion").acco...
  • lvzk555
  • lvzk555
  • 2012年03月28日 17:35
  • 1098

jquery ui 插件实例 (4)

4、模 拟提 交 表 单 效 果 js效果 $(function(){ //--------------------------------------------...
  • lvzk555
  • lvzk555
  • 2012年03月28日 17:51
  • 531

jquery 插件(七) jquery UI(2)

1.addClassaddClass严格意义上讲不算UI,只是一个方法,其实下面的和这个一样,也是方法,都可以属于api。addClass用法,这里介绍可以用时间和callback函数,例子如下:$(...

jquery UI插件

  • 2013年08月06日 14:11
  • 2.23MB
  • 下载

jQuery_jQuery插件2_jQuery UI型插件

jQuery插件2:jQuery UI型插件
  • MYZ_97
  • MYZ_97
  • 2017年08月02日 15:38
  • 97

jquery ui 插件大全

  • 2010年07月15日 16:36
  • 1.01MB
  • 下载

jQuery UI插件

  • 2012年08月01日 16:35
  • 1.1MB
  • 下载

jQuery UI插件之datepicker的自定义设置

1. 修改datepicker的外观颜色,在jquery.ui.theme.css里面修改.ui-widget-header的background的值为你想要的颜色,并且去掉后面到color属性之前的...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery ui 插件实例 (2)
举报原因:
原因补充:

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