首页 相关文章 JQuery 选项卡效果(JS与HTML的分离)

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

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

代码如下:


script language="javascript" type="text/javascript"
$(document).ready(function(){
$("ul.menu li:first-child").addClass("current");
$("div.content").find("div.layout:not(:first-child)").hide();
$("div.content div.layout").attr("id", function(){return idNumber("No")+ $("div.content div.layout").index(this)});
$("ul.menu li").click(function(){
var c = $("ul.menu li");
var index = c.index(this);...[ 查看全文 ]

2016-02-19 标签:

JQuery 选项卡效果(JS与HTML的分离)的相关文章

手机页面
收藏网站 回到头部