这是我在这里的第一篇文章,我希望有一天我也能为重要的事情做出贡献:)
所以..我在我正在处理的网站上添加了一个方面的jquery插件,插件可以在这里找到http://dev7studios.com/dropit/
我的问题是,如何向隐藏的下拉列表添加一个简单的过渡,以便它可以顺利地下载网站的内容?我添加了jQuery UI核心,但(' class',1000)似乎不适用于插件的* .js ..
非常感谢大家! 干杯
答案 0 :(得分:1)
嗨,欢迎来到StackOverflow:)
我下载了这个插件,他们的代码格式和评论都非常好。
如果你去dropit.js的第28和40行,你会看到有代码来显示"显示"并且"隐藏"下拉列表。请注意,他们正在使用" hide()"和" show()"所以你可以继续把它改成你喜欢的动画/效果。
例如,在第36行,你会发现:
$(this).parents(settings.triggerParentEl).addClass('dropit-open').find(settings.submenuEl).show();
您可以进行更改,例如:
$(this).parents(settings.triggerParentEl).addClass('dropit-open').find(settings.submenuEl).fadeIn();
非常简单,对吧?所以基本上你将会在(#js)chaning" hide()"和" show()"过渡到你想要使用的一些过渡。
编辑: 顺便说一句,这里有一些你可以使用jQuery的效果/转换:http://api.jquery.com/category/effects/