Javascript 带JQuery的Strips菜单
首先,我不是高级的JQuery开发者,但是,我一直在用JQuery创建我称之为“条带菜单”的东西,你可以点击顶部的预览链接在这里看到: 当我点击一个条带时,它会立即显示与悬停条带相关的内容,但我需要滑动效果,这是在这个网站上做的: 我试着给Javascript 带JQuery的Strips菜单,javascript,jquery,html,css,Javascript,Jquery,Html,Css,首先,我不是高级的JQuery开发者,但是,我一直在用JQuery创建我称之为“条带菜单”的东西,你可以点击顶部的预览链接在这里看到: 当我点击一个条带时,它会立即显示与悬停条带相关的内容,但我需要滑动效果,这是在这个网站上做的: 我试着给设置动画函数1500次,但仍然没有滑动效果 我如何给它滑动效果,就像上面提供链接的jeemsolutions一样 谢谢您使用的动画功能错误。它将要设置动画的CSS属性作为参数,因此请尝试以下操作: var w = $('#slide').width() -
设置动画
函数1500次,但仍然没有滑动效果
我如何给它滑动效果,就像上面提供链接的jeemsolutions一样
谢谢您使用的
动画
功能错误。它将要设置动画的CSS属性作为参数,因此请尝试以下操作:
var w = $('#slide').width() - $('.bar').size() * $('.bar').width() + 10;
$(this).css('text-indent', '0px');
$(this).animate( {width: w}, 500);
我知道这听起来可能有点错误,但你为什么不直接使用它呢?它可以满足您的需要,并且支持不同的浏览器等
欢呼声这种效果通常被称为手风琴。现有的实现并不短缺,因此您不必重新发明轮子:,似乎就是您正在尝试创建的。这正是我想要的,谢谢您解决了我的问题,而不是其他人建议我知道的手风琴,但我想解决我当前脚本的问题。谢谢:)不客气。您可能还需要处理函数的其他行,但我很高兴我让您开始了。