Tag: 褪色

jquery将内容传递给$（this）.text: 我正在制作一个菜单，在翻转时，链接的文本会发生变化（淡入）。我只是从另一个线程复制并粘贴了一段代码 function fade_new_text(){ $(‘#what’).animate({‘opacity’: 0}, 500, function () { $(this).text(‘new text’); }).animate({‘opacity’: 1}, 500); } function revert(){ $(‘#what’).animate({‘opacity’: 0}, 500, function () { $(this).text(‘do something’); }).animate({‘opacity’: 1}, 500); } 然后在身体部分我有菜单本身 Do something 这适用于一个链接，但我需要创建其中的7个，并希望将来重用此代码。所以我需要将链接ID和新文本传递给Jquery函数以获得6个其他链接，希望来自’onmouseover’和’onmouseout’，因为它最有意义吗？我是Jquery的新手，非常感谢您就如何做到这一点的建议。测试文件位于http://www.voxcommunications.ca/test.html

jQuery：如何使用fadeToggle（）？: 我想使用jQuery的fadeToggle()函数。我有一个隐藏的div，当我点击一个链接，然后我想调用fadeToggle() ，div淡入并在另一次点击淡出后。线索是，我想用自己的function点击后调整窗口大小（效果很好）。目前我有这个解决方案： jQuery: $(“#myLink”).live(“click”, function () { $(“#myDiv”).toggleClass(“myDivClass”); Resize(); }); Css: #myDivclass { display:none; } 它工作得很好，但我想用fadeToggle()而不是toggleClass()做同样的事情。问题是，在第二次单击之后（在div淡出之后），窗口没有resize – 它使用toggleClassresize但不使用fadeToggleresize。

jQuery – 在下一次开始消失之前，div不会完全淡出: 我知道，这个问题很简单，但是我有一段时间试图解决这个问题。我在页面上有8个div，用于保存隐藏起来的图像库。当用户点击图标查看图库时，他们选择的第一个图库会闪烁。但是当他们选择另一个时，他们正在观看的那个开始淡出而另一个在它下面消失，然后在第一个div被隐藏时向上移动到正确的位置。见jsfiddle 。所以，我的问题很明显：在下一个画廊消失到正确的空间之前，如何让他们正在查看的画廊完全淡出。

jQuery Scale和Fade同时出现: 所以我可以通过它的中心枢轴很好地扩展div： http ： //jsfiddle.net/uTDay/ 但是，当我在div中添加内容时，转换开始改变： http ： //jsfiddle.net/uTDay/1/ 请注意，它不再从中心缩小。我也尝试使它渐渐消失，因为它开始缩小.fadeOut() / .fadeTo() / .animate()但无法使它工作。基本上，当你点击filter选项 – 它从中心枢轴shrink/grow的方式同时fade in/out ： http：//isotope.metafizzy时，我想要实现的效果就是这里。 CO /演示/ filtering.html 谢谢。

jquery为.addClass添加淡入淡出: 如何淡入淡出.addClass。链接在这里 – http://www.bikramyogajoondalup.com.au/about-bikram-yoga/postures-benefits.html 这是代码 – $(document).ready(function() { $(‘#menu li#Q_01,#menu li#Q_03,#menu li#Q_05,#menu li#Q_07,#menu li#Q_09,#menu li#Q_11,#menu li#Q_13’).hover(function() { $(this).addClass(‘pretty-hover’); }, function() { $(this).removeClass(‘pretty-hover’); }); }); $(document).ready(function() { $(‘#menu li#Q_02,#menu li#Q_04,#menu li#Q_06,#menu li#Q_08,#menu li#Q_10,#menu li#Q_12’).hover(function() { $(this).addClass(‘pretty-hover_01’); }, function() { $(this).removeClass(‘pretty-hover_01’); }); }); 谢谢