带有JQuery的条带菜单

时间:2010-03-10 08:45:07

标签: javascript jquery html css

首先,我不是高级 JQuery开发人员,但是,我一直用JQuery创建我称之为 Strips Menu 的东西,你可以点击这里看到它顶部的预览链接:

http://jsbin.com/uwopu3/edit

当我点击某个条带时,及时会显示与悬停条带相关的内容,但我需要滑动效果在此网站上完成的操作:

http://jeemsolutions.com/

我尝试将animate函数赋予1500的时间,但仍然没有滑动效果。

如何赋予它上面提供链接的jeemsolutions的滑动效果。

谢谢

2 个答案:

答案 0 :(得分:2)

您使用animate功能错误。它将您想要设置动画的CSS属性作为参数,因此尝试类似:

var w = $('#slide').width() - $('.bar').size() * $('.bar').width() + 10;
$(this).css('text-indent', '0px');
$(this).animate( {width:  w}, 500);

答案 1 :(得分:0)

我知道这可能听起来不对,但为什么不简单地使用jQuery Accordions?它可以满足您的需求,并且支持不同的浏览器以及所有这些。

干杯