搞不定的js.求迷津
日期：2014-05-16 浏览次数：20402 次
搞不定的js.求高手指点迷津
想做个翻页效果的相册,找了两个网站:
http://www.turnjs.com
http://www.jpageflip.de/index_en.php
上面那个愣是没弄出来,下面这个今天弄了一下还是没弄会.
往下面看(这个是首页的html,使用的是html5):
这些是js(在本地测试的时候,js照片,和HTML文件都放在同一个文件夹):
http://www.jpageflip.de/js/jquery-1.4.2.min.js
http://www.jpageflip.de/js/jpageflip-0.9.7.js
========================================================================
无论如何运行都还是不行,希望高手指点迷津......
------解决方案--------------------
<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>
顺序换下试试
------解决方案--------------------
<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
------解决方案--------------------
想做个翻页效果的相册,找了两个网站:
http://www.turnjs.com
http://www.jpageflip.de/index_en.php
上面那个愣是没弄出来,下面这个今天弄了一下还是没弄会.
往下面看(这个是首页的html,使用的是html5):
- HTML code
<!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
========================================================================
无论如何运行都还是不行,希望高手指点迷津......
------解决方案--------------------
<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>
顺序换下试试
------解决方案--------------------
<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
------解决方案--------------------
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
