选项卡模式设计

原创 2015年07月10日 11:05:12

在些前端页面时,要求做出以下的效果:


点击不同的文字出现不同的表格,但是所有的表格都是在同一个html页面中,只是在不同的DIV中。想到用jQuery中的ligerUI插件中的Tab来实现。在网上找了很多实例,甚至都把官网的实例完整复制过来,但是,点击的时候还是没反应,经过一系列的排查,竟然发现,在使用ligerUI是引入js的顺序竟会对实现插件影响,


我在引入的时候没注意过,所以将base.js放到最后引入的,结果报错。经过测试下边三个的顺序是无关的。

总结

在引入ligerUI的js时一定要先引入总的(不是明细的),在引入针对插件的js

因为用的ligerUI的ligerTab插件所以,我写出来的样式是这样的:


而要求的样式不是这样的,所以,还是得用jQuery中的方法 来实现:



皮肤网站模版选项卡模式

  • 2012年12月14日 11:40
  • 450KB
  • 下载

百度新闻调用选项卡模式代码

  • 2011年01月18日 16:08
  • 2KB
  • 下载

一。ext4.0 树菜单链接类似选项卡 demo[非MVC模式]

Windows Example    /ext/resources/css/ext-all.css"  />    /ext/bootstrap.js">    /ext/locale/ext-...

选项卡以工厂模式

  • 2012年11月06日 10:12
  • 317KB
  • 下载

ABBYY FineReader 12PDF选项卡保存模式的介绍

PDF是广泛使用的文档格式。在ABBYY Finereader中PDF文档的显示不会因电脑不同而有差异,可加密保护,非常适合在电子存档中进行保存...

第七章 菜单、多选项卡的设计

  • 2011年04月05日 11:52
  • 230KB
  • 下载

仿网易新闻的首页选项卡设计

  • 2016年01月30日 16:26
  • 59KB
  • 下载

Android UI设计 使用选项卡实现界面切换

实现选项卡的界面切换
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:选项卡模式设计
举报原因:
原因补充:

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