本文
介绍了用javascript实现tab交换特殊效果的
方法。具体实施内容如下:首先看效果图:
一个简单的Tab切换效果Javascript实现
标签
* {
保证金:0;
填充:0;
}
div {
宽度:184px;
身高:100px;
border: 1px solid灰色;
显示:无;
}
{。
列表样式:无;
宽度:200px;
溢出:隐藏;
}
制表符{ {
浮点数:左;
宽度:60px;
border: 1px solid红;
身高:30px;
行高:30px;
垂直对齐:中间;
文本对齐:中心;
光标:指针;
}
.on{
显示块;
}
我{。
背景:红色;
颜色:# FFF;
}
$(
函数(){())
Hover(函数(){)
$(这)。AddClass('cur)。兄弟姐妹()RemoveClass('cur);
$(div)。情商($(this)。指数()),AddClass(),兄弟姐妹()RemoveClass(开);
})
})
最新的
热
新闻
十一
二十二
三十三
这个例子只是为你简单介绍javascript来实现TAB
转换效果,希望能帮助你
学习。