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

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

WBOY
WBOY原创
2016-05-16 18:30:441119浏览

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