栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

用jQuery技术实现Tab页界面之二

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

用jQuery技术实现Tab页界面之二

这是第二篇文章,第一篇可以参考
Tab页界面,用jQuery及Ajax技术实现
代码特点:
1,完全实现Tab逻辑功能,Tab的样式完全交由前端代码控制,很灵活。
2,tab页触发事件是click。
3,界面以table布局,只需要配置关键对象的class和id 即可工作。
复制代码 代码如下:




我的Tabs选项卡

body {font-size:12px; }
.tab {background:url(images/gray.png); cursor:hand;}














tab1 tab2 tab3







this is data1


this is data2


this is data3




张庆(网眼) 2009-9-21
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/117703.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号