Rumah  >  Artikel  >  hujung hadapan web  >  用jQuery技术实现Tab页界面之二_jquery

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

WBOY
WBOYasal
2016-05-16 18:46:061333semak imbas

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

复制代码 代码如下:





我的Tabs选项卡














tab1 tab2 tab3







this is data1


this is data2


this is data3




张庆(网眼) 2009-9-21
Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn