搞不定的js.求高手指点迷津

想做个翻页效果的相册,找了两个网站:
http://www.turnjs.com
http://www.jpageflip.de/index_en.php上面那个愣是没弄出来,下面这个今天弄了一下还是没弄会.
往下面看(这个是首页的html,使用的是html5):<!DOCTYPE HTML>
<html>
<head>
<title>index</title>
<meta charset="utf-8">
</head>
<script type="text/javascript">
     $(document).ready(function(){
       $('#myPageFlip').jPageFlip({
         width: "1000",
         height: "1000",
         // other parameters
       });
     });
   </script>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jpageflip-0.9.7.js"></script>
<style type="text/css">
<!--
body {font-size:14px; background-color:#A6FFA6; margin:0; padding:0; width:auto; height:auto; color:#ffffff; text-align:center; }#img { width:auto; height:auto; padding:3px; margin-bottom:30px; margin-top:50px; }
footer { background:#0066CC url(foot.png) repeat-y scroll center; padding-top:10px; padding-bottom:10px; border:0; margin:0;  }
-->
</style>
<body> <div id="myPageFlip">
     <img src="1.jpg" class="jPageFlip">
     <img src="2.jpg" class="jPageFlip">
     <img src="3.jpg" class="jPageFlip">
     <img src="4.jpg" class="jPageFlip">
     <img src="5.jpg" class="jPageFlip">
     <img src="6.jpg" class="jPageFlip">
     <img src="7.jpg" class="jPageFlip">
     <img src="8.jpg" class="jPageFlip">
     <img src="9.jpg" class="jPageFlip">
     <img src="10.jpg" class="jPageFlip">
     <img src="11.jpg" class="jPageFlip">
     <img src="12.jpg" class="jPageFlip">     
   </div>
</body>
</html>这些是js(在本地测试的时候,js照片,和HTML文件都放在同一个文件夹):
http://www.jpageflip.de/js/jquery-1.4.2.min.js
http://www.jpageflip.de/js/jpageflip-0.9.7.js
========================================================================
无论如何运行都还是不行,希望高手指点迷津......

解决方案 »

  1.   

    <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="jpageflip-0.9.7.js"></script>
    <script type="text/javascript">
         $(document).ready(function(){
           $('#myPageFlip').jPageFlip({
             width: "1000",
             height: "1000",
             // other parameters
           });
         });
       </script>
    顺序换下试试
      

  2.   

    <script type="text/javascript">
         $(document).ready(function(){
           $('#myPageFlip').jPageFlip({
             width: "1000",
             height: "1000",
             // other parameters
           });
         });
       </script>
    <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="jpageflip-0.9.7.js"></script>你在用jquery的时候，还根本没有导入jq