个人中心
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
文章推荐： python - 在此示例中避免使用 iterrows 的好方法是什么？
文章推荐： IE 中的 CSS3 动画错误
文章推荐： python - 将 igraph 中的图保存为 eps 格式
文章推荐： css - 网页上的所有数字都以上标形式出现
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com