项目地址: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
分享到:
相关推荐
可多次使用的jQuery tab选项卡插件
jquery tab插件制作多功能选项卡,鼠标滑过切换选项卡、鼠标点击切换选项卡、自动切换选项卡、支持数据回调功能,也可以与其他插件结合jquery.lazyload,制作选项卡切换图片延迟加载等
jquery tab选项卡插件滑动选项卡淡隐淡现选项卡 jquery tab选项卡插件滑动选项卡淡隐淡现选项卡 jquery tab选项卡插件滑动选项卡淡隐淡现选项卡
jquery Tab 选项卡插件 很好用的选项卡插卡
jQuery tab选项卡切换插件和css3属性结合动画选项卡切.
非常简易实用的一款jQuery Tab选项卡菜单插件,点击菜单项时上边框还有简单的动画特效,这个Tab切换插件还可以在同一个页面多次调用哦。
jquery tab选项卡插件世界杯专题选项卡自动切换代码
jquery tab选项卡插件 轻量级tab选项卡插件支持鼠标滑过、点击、自动切换、数据回调等功能
根据慕课网tab选项卡插件开发教程,自己做了稍微改动,当然作为jQuery插件,里面并没有扩展,也没有全局变量防止冲突处理,对于结构类名也没有做处理
一款基于jQuery实现的选项卡特效,可在同一个网页页面多次使用的tab选项卡插件。 js代码 [removed][removed] [removed] $(function(){ function tabs(tabTit,on,tabCon){ $(tabTit).children().hover...
jquery图片tab选项卡切换效果插件tabslidemove,有滑动、渐变等多种不同的切换效果。选项卡栏目可以通过css设置进行自由定位。
这是一款美观实用的jQuery页面滚动顶部固定tab选项卡切换代码,新闻列表导航选项卡切换插件。
使用jq写的关于tab切换的插件,使用面向对象组件化开发
jquery选项卡插件多种tab标签切换效果 jquery插件
jQuery TAB选项卡自动切换插件是一款十分简单好用的滑动选项卡切换代码,支持点击和悬停切换,有多种切换动画过渡方式可设置。
这是一款实用jQuery和css3制作的响应式tab选项卡插件。该tab选项卡插件当屏幕大小缩小到一定程度的时候,tab选项卡会由水平的显示方式切换为垂直的显示方式。
jQueryTab是一款带CSS3过渡动画效果的jQuery Tabs选项卡插件。它是轻量级插件,使用简单,采用响应式设计,并支持多种CSS3动画过渡效果。
jquery tab选项卡插件 轻量级tab选项卡插件支持鼠标滑过、点击、自动切换、数据回调
前段时间刚刚为大家分享过一款...今天要继续分享一款五彩的jQuery Tab选项卡动画插件,它与其他的Tab选项卡不同的是,不仅有多种风格可自由选择切换,而且切换每一个Tab页的时候Tab页内容的背景就会不同,非常炫酷。