首页 新闻 会员 周边

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

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

 

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

1.  tab周围无边框，如图

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

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

 

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

新阿伦的主页 新阿伦 | 初学一级 | 园豆：41
提问于：2013-04-09 11:49
< >
分享
所有回答(7)
0

http://jqueryui.com/tabs/ 最基本的tab

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

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

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

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

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

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

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

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

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

自己动手，丰衣足食。

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

JQuery特效

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

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

我是文东 | 园豆：219 (菜鸟二级) | 2013-04-11 08:52
清除回答草稿
   您需要登录以后才能回答，未注册用户请先注册。