TAB切换效果的Javascript实现

TAB切换效果的Javascript实现
本文介绍了用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转换效果,希望能帮助你学习
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部