Question

我只是想知道如何淡出一个页面，然后打开另一个html页面。现在我有：

<div class="close" onclick="window.location.href='../index.html';">
    <div class="lr">
        <div class="rl"></div>
    </div>
    <script>
        $(function() {
          $('.close a').click(function() {
            var destination = this.href;
            $('body').fadeOut(2000, function() {
                window.location = destination;
              });
            });
            return false;
          });
        });
    </script>       
</div>

我想要它，以便当＆＃34;关闭＆＃34;单击，页面淡出，然后打开我的index.html页面？

目前我的代码无效：（。

提前致谢！

Answer 1

试试这个

HTML

us_stocks$names(resB[[1]])

JS

<div class="close" data-link="https://www.youtube.com">
    <div class="lr">
        <div class="rl">LOREM IPSUM DOLORs</div>
    </div>
</div>

Answer 2

你的html中没有标签。这段代码应该有效。

    <div class="close" onclick="window.location.href='../index.html';">
        <div class="lr">
            <div class="rl"></div>
        </div>
        <script>
            $(function() {
              $('.close').click(function() {
                var destination = this.href;
                $('body').fadeOut(2000, function() {
                    window.location = destination;
                  });
                });
                return false;
              });
            });
        </script>       
    </div>

Answer 3

您的JavaScript有一个额外的右括号和右括号。您还错过了a

<div class="close">
<a href="/index.html">Click Here</a>
<div class="lr">
    <div class="rl"></div>
</div>
<script>
     $(function() {
         $('.close a').click(function(e) {
             e.preventDefault();
             var destination = this.href;
             $('body').fadeOut(2000, function() {
                 window.location = destination;
             });
         });
         return false;
     });
</script>

JS小提琴：https://jsfiddle.net/4wz9uqwd/

Answer 4

 $(document).ready(function() {
 $(window).bind("unload", function() {
 });
 $("body").css("overflow", "scroll");
 $("body").fadeIn(2000);
 $("a.transition").click(function(event){
 event.preventDefault();
 linkLocation = this.href;
 $("body").fadeOut(1500, redirectPage);      
 });

function redirectPage() {
    window.location = linkLocation;
}
});

实例：

www.damianodesign.com

如何淡出页面然后指向新页面

4 个答案: