Rumah > hujung hadapan web > tutorial js > JQuery 选项卡效果(JS与HTML的分离)_jquery

JQuery 选项卡效果(JS与HTML的分离)_jquery

WBOY
Lepaskan: 2016-05-16 18:30:44
asal
1129 orang telah melayarinya

在实际应用过程中,只要保证选项卡模块结构代码的完整性,就可以任意添加N个同类选项卡,不需要手动在HTML里绑定事件处理程序以及给要隐藏显示的内容层添加ID。
Javascript(jquery)代码如下:

复制代码 代码如下:



CSS样式代码如下:
复制代码 代码如下:



HTML结构代码如下:
复制代码 代码如下:




No.1 Menu





infomation 1.1

infomation 1.2

infomation 1.3

infomation 1.4





No.2 Menu





infomation 2.1

infomation 2.2

infomation 2.3

infomation 2.4




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