首頁 >web前端 >js教程 >JQuery 选项卡效果(JS与HTML的分离)_jquery

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

WBOY
WBOY原創
2016-05-16 18:30:441118瀏覽

在实际应用过程中,只要保证选项卡模块结构代码的完整性,就可以任意添加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




陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn