Maison  >  Article  >  interface Web  >  用jQuery技术实现Tab页界面之二_jquery

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

WBOY
WBOYoriginal
2016-05-16 18:46:061333parcourir

这是第二篇文章,第一篇可以参考
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
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn