jquery中如何实现如图中的tab效果

悬赏园豆：15 [已关闭问题] 关闭于 2013-06-05 08:13

这是新浪首页上的，我的要求是：

1. tab周围无边框，如图

2. 每个tab项上方还有一个颜色条，如图.

3. 鼠标悬停时就自动激活tab项

希望高手们给出具体的配合jquery的代码，我是菜鸟，不要给我jquery的特效集，让我去参考了改

jquery 网页特效 tab

新阿伦 | 初学一级 | 园豆：41
提问于：2013-04-09 11:49

< >

所有回答(7)

chenping2008 | 园豆：9836 (大侠五级) | 2013-04-09 13:13

都说了，不用给我这类的代码参考，毕竟我手头上有很多这类代码，效果还非常酷，我现在就只要tab项激活时有颜色条，没有tab外边界．同时我水平也菜．

支持(0) 反对(0) 新阿伦 | 园豆：41 (初学一级) | 2013-04-09 13:36

楼主，你的需求无非就是改变3个tab标签的css和3个div容器的display，用基本的js操作就可以完成了，水平菜没关系，了解怎么实现自己研究一下就可以了，非要大家把代码给你写出来实际上对你的帮助反而不大。

I,Robot | 园豆：9783 (大侠五级) | 2013-04-09 15:57

这只是一个DIV的显示与隐藏问题。

Tryi | 园豆：7 (初学一级) | 2013-04-09 16:56

你可以用jQuery easyUI中的tabs,可以来改变样式

zyxh | 园豆：201 (菜鸟二级) | 2013-04-09 22:06

自己动手，丰衣足食。

无缺~ | 园豆：204 (菜鸟二级) | 2013-04-10 11:38

JQuery特效

不负春光，努力生长 | 园豆：1382 (小虾三级) | 2013-04-10 21:44

你可以看一下 W3school里关于 jquery click用法的例子反三一下就OK。

我是文东 | 园豆：219 (菜鸟二级) | 2013-04-11 08:52

清除回答草稿

您需要登录以后才能回答，未注册用户请先注册。

欢迎，请先 登录 或者 注册 。