`
stworthy
  • 浏览: 521943 次
  • 来自: ...
社区版块
存档分类
最新评论

另一个jQuery的Tab选项卡插件,很精致

    博客分类:
  • AJAX
阅读更多

项目地址:http://jquery-easyui.wikidot.com/tutorial:tabs

 

使用方法,只需准备选项卡的各个面板的div,设置选项卡容器class="easyui-tabs",插件就会自动将其转换。

 

	<div id="tt" class="easyui-tabs" style="width:500px;height:150px;">
		<div title="Tab1" style="padding:20px;display:none;"> This is Tab1.</div>
		<div title="Tab2" closable="true" style="padding:20px;display:none;"> This is Tab2 width close button.</div>
		<div title="Tab3" icon="icon-reload" closable="true" style="padding:20px;display:none;"> This is Tab3 width icon.</div>
		<div title="Tab4 with iframe" closable="true" style="width:100%;height:100%;display:none;">
			<iframe scrolling="yes" frameborder="0"  src="http://www.google.com" style="width:100%;height:100%;"></iframe>
		</div>
		<div title="Tab5 with sub tabs" closable="true" icon="icon-cut" style="padding:10px;display:none;">
			<div class="easyui-tabs" style="height1:100px;width:100%;">
				<div title="子标题1">子内容1</div>
				<div title="子标题2">子内容2</div>
				<div title="子标题3">子内容3</div>
			</div>
		</div>
	</div>

转换后的效果图如下:


  • 大小: 11.3 KB
分享到:
评论
16 楼 LewJun 2012-10-09  
本来是来学习jeasyui的,却又学习了etmvc。
15 楼 suleil1 2009-12-26  
这种选项卡为什么老是有点击关闭的按钮呢?用户想要再show出来怎么办?
14 楼 peng_joy 2009-10-28  
支持,蛮不错的说
13 楼 120153216 2009-10-27  
不错,试下先
12 楼 ghyghoo8 2009-10-23  
这个我喜欢。貌似139邮箱就用的这个
11 楼 meizanchen 2009-10-23  
不错,收藏了。
10 楼 facingSun 2009-10-23  
不错,收藏了~~
9 楼 pokerwen 2009-10-22  
好东西,先收藏啦。。。
8 楼 cn-done 2009-10-22  
相当的有意思,咋感觉JQ在模拟EXT的路线
7 楼 whaosoft 2009-10-22  
看着不错呢 不过什么时候开源呢~!~
6 楼 lhx222 2009-10-22  
不错。看上去挺好用的。
5 楼 wst302 2009-10-22  
不错,正需要这种东西,学习了
4 楼 arkxu 2009-10-21  
不错。支持
3 楼 linkobe 2009-10-21  
楼上好头像~~~~~~~~
2 楼 turionboy 2009-10-21  
看起来很精致,兄弟协议改一下吧,能不能把东西打包一下方便下载。还有就是能不能把标签的角改成园角。
1 楼 mlw2000 2009-10-21  
GPL协议的,意味着用这个插件的话就要公布源代码

相关推荐

Global site tag (gtag.js) - Google Analytics