gpt4 book ai didi

javascript - jQuery 链接淡入淡出。帮助!

转载 作者:行者123 更新时间:2023-11-28 16:36:58 25 4
gpt4 key购买 nike

我正在尝试使用 jQuery 链接淡入淡出效果为我的导航菜单设置动画。我从 David Walsh Blog 得到了脚本.

我在主导航菜单的正上方放置了 3 个测试链接。它工作得很好,正如我所期望的那样。但是当我将 class="fade"添加到 <ul id="topmenu" class="fade"> 时像这样:

<script type="text/javascript" src="jquery.dwFadingLinks.js"></script> 
<script type="text/javascript" src="jquery.effects.core.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.fade').dwFadingLinks({
color: '#000',
duration: 300
});
});
</script>


<body>
<div id="wrapper">
<div id="header">
<div id="top">
<ul id="topmenu" class="fade">
<li id="conor"><a href="/">Sahat Yalkabov</a></li>
<li><?php pages(); ?></li>
</ul>
</div>

<div id="content">
<div id="main">
<?php center(); ?>
</div>

</div>
<div id="footer">
<p>Copyright &copy; 2010 Sahat Yalkabov [ <?php login_link(); ?> ]
</p>
</div>
</div>
</body>
</html>

完全没有效果。仍然是正常的 CSS 悬停。

我什至尝试添加 class="fade"对体内的每一个元素,仍然什么都没有。

编辑:导航链接是 PHP 生成的,如您所见,我正在调用来自 <li><?php pages(); ?></li> 的链接。

更新:谢谢MvanGeest。你的解决方案解决了我的问题:)。

最佳答案

我想我已经有了答案:

在 JavaScript 中进行更改:

$(document).ready(function() {
$('.fade').dwFadingLinks({
color: '#000',
duration: 300
});
});

$(document).ready(function() {
$('a.fade').dwFadingLinks({
color: '#000',
duration: 300
});
});

然后将class="fade"放到实际链接上。 :) 我在 firebug 中做了这个,它似乎有效。

关于javascript - jQuery 链接淡入淡出。帮助!,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3479591/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com