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

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

WBOY
Lepaskan: 2016-05-16 18:46:06
asal
1364 orang telah melayarinya

这是第二篇文章,第一篇可以参考
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
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan