一、Panel(面板) 1.通过标签创建: 2.通过JS调用: html代码: JS代码: 二、Tabs(选项卡) 1.通过标签创建: 2.通过JS调用: html代码: JS代码: 添加一个选项卡: 三、Accordion(分类) 1.通过标签创建: 四、Layout(布局) 1.通过标签创建: ...
一、创建组件 tab1 tab2 二、属性 1. tab1 tab2 tab3 生成的html(发现了panel,那边它也继承了panel的一些属性) 2. tab1 tab2 tab3 三、事件 四、方法
分类:
其他好文 时间:
2016-02-20 21:34:20
阅读次数:
306
这个组件依赖于Panel面板组件和LinkButton组件
分类:
其他好文 时间:
2015-12-13 07:16:54
阅读次数:
143
一. 加载方式//class 加载方式tab1tab2tab3//JS 加载调用$('#box').tabs({//...});二.属性列表//属性设置$('#box').tabs({width : 500,height : 300,plain : true,fit : true,border : ...
分类:
其他好文 时间:
2015-11-30 17:21:03
阅读次数:
180
基本效果:效果图:html代码: tab1 tab2 tab3 JS代码:$(function () { $('#tab').tabs({ width:400,//宽 heigh...
分类:
其他好文 时间:
2015-10-13 17:13:30
阅读次数:
148
项目中当关闭tabs选项卡时,底部footer需要通过javascript重新定位calcFooter(),如何实现呢?选项卡上的关闭图标的方法是easyui自带的,calcFooter()写在onClose中不起作用,API中没有关闭后的方法,但有个关闭之前的方法onBeforeClose,在onBeforeClose方法中先实现onClose()方法,再calcFooter(),再return...
分类:
Web程序 时间:
2015-07-08 22:35:40
阅读次数:
250
效果:HTML部分: jquery Tabs选项卡切换 概况 行政 经济 教育 福利 风土人情 1这是内容这是内容这是内容这是内容 这是内容这是内容这是内容这是内容 这是内容这是内容这是内容这是内容 这是内容这是内容这是内容这是内容 2这是内容这是内容这是内容这是内容 这是内容这是内容这是内容这是....
分类:
Web程序 时间:
2015-04-26 13:43:00
阅读次数:
163
这是一款效果非常时尚的Tabs选项卡标签的流线型线条效果。该效果使用纯CSS3来制作,效果类似eclipse软件的标签页效果。该Tabs标签使用流线型设计,并且可以自定义标签的颜色,非常实用和好看。
效果演示:http://www.htmleaf.com/Demo/201504041626.html
下载地址:http://www.htmleaf.com/css3/daohangcai...
分类:
Web程序 时间:
2015-04-05 14:41:07
阅读次数:
210
PWS Tabs是一款轻量级jQuery
tabs选项卡插件。它可以创建响应式的、扁平风格的标签式选项卡,并且可以定制选项卡的标签颜色,并且tabs进行切换的时候还带有CSS3动画效果。
你可以在tabs选项卡中嵌入视频、谷歌地图、图片和文本等内容,甚至可以将这些内容混合放置在一个选项卡页上。
效果演示:http://www.htmleaf.com/Demo/20150402161...
分类:
Web程序 时间:
2015-04-03 15:29:54
阅读次数:
138
有时候当我们打开很多tabs选项卡时,要关闭它只能一个一个的进行关闭显然太麻烦,这时可以在选项卡的最右边添加一个按钮 实现关闭全部。代码如下:
//获取最后一个tabs 在新加的选项卡后面添加"关闭全部"
var li = $(".tabs-wrap ul li:last-child");
$("#close").remove();
li.after("<a class='tabs-inner' href='javascript:void()' onCl...
分类:
Web程序 时间:
2014-06-22 17:28:47
阅读次数:
268