Question

我的网页出现问题（我刚刚开始学习CSS和HTML，所以如果可能我需要解释）我的网页有一个标题，就像Stackoverflow一样。我将它固定在顶部并将其用作导航栏以更改页面。我想淡化页面上的内容，但让导航栏保持原样。我也想对页脚做同样的事情。我不确定如何将这些元素排除在外。我有它工作，但它会淡化整个页面。

请帮忙！

<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript">
$(document).ready(function() {
    $("body").css("display", "none");

    $("body").fadeIn(1100);

    $("a.transition").click(function(event){
        event.preventDefault();
        linkLocation = this.href;
        $("body").fadeOut(1000, redirectPage);      
    });

    function redirectPage() {
        window.location = linkLocation;
    }
});
</script>

Answer 1

使用jQuery淡入淡出方法。

http://jsbin.com/mujuzori/2/edit

HTML：

<body>
<header>My Header</header>
<nav>Click here to make content disappear</nav>
<div>My Content</div>
<footer>My Footer</footer>
</body>

使用Javascript：

$(document).ready(function(){  
    $("nav").click(function(){
        $("div").fadeOut();
    });  
});

淡出内容区域，但保留navbar / header和;页脚总是在那里

1 个答案: