Javascript Turn.js（动画书效果）不起作用_Javascript_Jquery_Html

Javascript Turn.js（动画书效果）不起作用

javascript jquery html

Javascript Turn.js（动画书效果）不起作用,javascript,jquery,html,Javascript,Jquery,Html,很抱歉，但我不知道我到底犯了什么错误（因为我是javascript的新手）。在教程的帮助下，我使用turn.js为动画书效果编写了这段代码。但是浏览器中的输出只是显示空白屏幕。我想，一定是出了个尴尬的错误，但我还是不明白。请帮忙 <html> <head> <script type="text/javascript" src="jquery-1.5.1.min.js"></script> <script type="text/javascr

很抱歉，但我不知道我到底犯了什么错误（因为我是javascript的新手）。在教程的帮助下，我使用turn.js为动画书效果编写了这段代码。但是浏览器中的输出只是显示空白屏幕。我想，一定是出了个尴尬的错误，但我还是不明白。请帮忙

<html>
<head>

<script type="text/javascript" src="jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="turn.js"></script>

<style type="text/css">
    body{
        background: #9988aa;
    }
    #book{
        width: 1152px;
        height: 400px;
    }
    #book .turn-page{
        background-color: #ddd;
        background-size: 100% 100%;
    }
</style>

</head>

<body>
<div id="book">
    <div style="background-image:url('images/1.jpg');"></div>
    <div style="background-image:url('images/2.jpg');"></div>
    <div style="background-image:url('images/3.jpg');"></div>
    <div style="background-image:url('images/4.jpg');"></div>
    <div style="background-image:url('images/5.jpg');"></div>
    <div style="background-image:url('images/6.jpg');"></div>
    <div style="background-image:url('images/7.jpg');"></div>
    <div style="background-image:url('images/8.jpg');"></div>
</div>

<script type="text/javascript">

    $(window).ready(function(){
        $('#book').turn({
            display:'double',
            acceleration: true,
            elevation:50;
        });
    });

    $(window).bind('keydown',function(e){
        if (e.keyCode==37)
            $('#book').turn('previous');
        else if (e.keyCode==39)
            $('#book').turn('next');
    });

</script>


</body>


</html>


身体{
背景#9988aa；
}
#书{
宽度：1152px；
高度：400px；
}
#翻页{
背景色：#ddd；
背景大小：100%100%；
}
$（窗口）.ready（函数（）{
$（“#书”）。转身({
显示：'double'，
加速度：是的，
海拔：50；
});
});
$（窗口）.bind（'keydown'，函数（e）{
如果（e.keyCode==37）
$（'#book'）。转动（'previous'）；
否则如果（e.keyCode==39）
$（'#book'）。转身（'next'）；
});

您好，您的代码中有一个小错误，请从下面的行中删除分号

elevation:50;

它应该像下面这样，只是删除分号。希望它能解决你的问题

$(window).ready(function(){
    $('#book').turn({
        display:'double',
        acceleration: true,
        elevation:50
    });
});

$(window).bind('keydown',function(e){
    if (e.keyCode==37)
        $('#book').turn('previous');
    else if (e.keyCode==39)
        $('#book').turn('next');
});

尝试为表示页面的div元素添加高度。@指针较低，每当您使用开发人员控制台在javascript中编写任何内容时，所有浏览器都有一个控制台，您只需打开这个控制台，看看到底是什么问题，它将始终对您有很大帮助。因为javascript会在小错误时停止一切！