jQuery切换和幻灯片的推荐信设置
jQuery切换和幻灯片的推荐信设置
提问于 2014-05-07 19:11:56
我正试着为一些推荐信做一个定制滑块。下面的图片说明了它应该如何工作。第一篇推荐信被突出显示，当用户点击下一篇推荐信时，黄色背景应该滑向它，名字和公司的字体颜色应该改变，实际的推荐信文本也应该滑动。
我成功地制作了一个函数式版本，您可以在这个小提琴中看到它，也可以在这个网站上生活。任何改进和解释都将受到高度赞赏(我仍然是jQuery的新手)。
下面是我使用的jQuery代码：
$("div.container-slider").click(
function () {
$("div.active-slide").toggleClass("animate", 1000, function () {
$("div.mike").toggleClass("current-font", function () {
$("span").toggleClass("company-current");
}),
$("div.neil").toggleClass("inactive-slide", function () {
$("span").toggleClass("company");
});
}),
$("div.testimonial-text").slideToggle("slow", function () {
$("div.testimonial-text-2").toggleClass("display-none");
});
});问题：
- 如何使字体的颜色和重量的变化更加微妙？
- 我如何针对特定的
span代码，因为现在脚本在网站上到处改变span的颜色？ - 如何使推荐信-文本幻灯片更流畅(类似黄色背景)？
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-05-07 19:20:41
- 看起来您已经在使用CSS转换了。你试过摆弄他们吗？
- 使用
this将范围限制在当前元素(如$(this).find('span')....中)，或使用索引(eq())以幻灯片为目标，或为相关的跨类指定一个目标。 - 我不知道你为什么要切换你的显示-没有类，但这可能是造成的突然。试着移除它。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/23526303
复制相关文章
相似问题
腾讯云开发者
