javascript - 将鼠标悬停在链接上时如何淡入内容?

标签 javascript css navigation hover fade

当鼠标悬停在链接上时,我试图使内容淡入或显示在我的博客上。例如,在我的博客上http://www.ricardopomalaza.com/ ,如果有人将鼠标悬停在“主页”或“关于”等页面链接之一上,我希望内容显示在它们下方,而无需实际单击它们来到达那里。这可能吗?我对网页设计有点陌生。我们将不胜感激您的帮助,谢谢。 - 里克

最佳答案

怎么样:

$(document).ready(function()
{
    $(".navigation a").hover(function()
    {
        var href=$(this).attr("href");
        $("#content").fadeOut("fast", function()
        {
            $("#content").empty();
            $("#content").load(href+" #content", function()
            {
                $("#content").fadeIn("fast");
            });
        });            
    },
    function(){});    
});

当然,你需要有 jquery。

这会淡出内容区域,加载新内​​容,然后淡入。

关于javascript - 将鼠标悬停在链接上时如何淡入内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5173297/

相关文章:

javascript - 如何使用 AngularJS 获取 HTML-INPUT-EMAIL?

php - 如何将 php 中的值附加到我的 JS 文件中?

html - 最后一页的页脚

javascript - 使用 CSS 自定义选择下拉列表

javascript - 触摸屏的 CSS 下拉菜单。使用 active 作为悬停

menu - 仅在移动设备上进行基础 Canvas 外导航?

html - 导航栏对齐问题中的搜索框

javascript - 在 Angular 多语言中仅加载单一语言 JSON 文件

javascript - 创建大型 Nodejs 缓存

html - 如何使用 HTML 将表格转换为导航栏