javascript - JavaScript 改变页面效果

Question

嗨，任何人都会知道如何在 JavaScript 中进行淡入淡出更改页面效果？

这个我试过了。。

但是当淡出没有链接在一起时..我的意思是不像上面的网站那样流畅。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>





<script type="text/javascript">

$(document).ready(function() {

$('body').css('display', 'none');

$('body').fadeIn(1000);



$('.link').click(function() {

event.preventDefault();

newLocation = this.href;

$('body').fadeOut(2000, newpage);

});

function newpage() {

window.location = newLocation;

}

});
</script>

对不起，我只是想....背景幻灯片会起作用吗？但最重要的是我可以添加 php/html 代码吗？

另一个例子...... http://www.louisebradley.co.uk/portfolio/

score 0 · Accepted Answer

嘿试试下面的代码

查看其工作演示

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="jquery.js"></script>
        <script type="text/javascript">

        function Close()
        { 
            $('#div1').animate({ height: 50 });
        }

        function Open()
        { 
            $('#div1').animate({ height: 100 });
        }
        </script>
    </head>
    <body>

        <div id="div1" style="width:100%; height: 50px; background-color: #C0C0C0;" onmouseover="Open()" onmouseout="Close()"></div>
</body>


</html>

也看看这些东西

在页面加载时淡入 div

JavaScript 淡入淡出教程 - 淡入/淡出元素

如何：javascript淡入淡出文本

.fadeIn() 教程