Fatal编程技术网
  • jquery/
  • Jquery 需要jParallax冲突脚本的帮助吗

Jquery 需要jParallax冲突脚本的帮助吗

jquery

Jquery 需要jParallax冲突脚本的帮助吗,jquery,Jquery,我正在绝望地尝试将jParallax插件与jQuery插件结合起来。基本上，我希望有一颗行星围绕着我的jParallax插件“旋转”，或者至少在它上面，然而，每次我把右边放在插件下面时，它就停止工作了。当我把它移到jParallax代码下面（标记的正上方）时，它工作得很好，但是jParallax停止工作了！有人知道这是怎么回事吗？起初我认为这是因为层间相互冲突，但只要行星不循环，天狼星仍然运转良好。任何回复都将被“感谢”；） 代码如下： <html> <head> &l

我正在绝望地尝试将jParallax插件与jQuery插件结合起来。基本上，我希望有一颗行星围绕着我的jParallax插件“旋转”，或者至少在它上面，然而，每次我把右边放在插件下面时，它就停止工作了。当我把它移到jParallax代码下面（标记的正上方）时，它工作得很好，但是jParallax停止工作了！有人知道这是怎么回事吗？起初我认为这是因为层间相互冲突，但只要行星不循环，天狼星仍然运转良好。任何回复都将被“感谢”；）

代码如下：

<html>
<head>
<script type="text/javascript" src="jquery-1.2.6.min.js"></script> 
<script type="text/javascript" src="jquery.jparallax.js"></script> 
<link rel="stylesheet" type="text/css" media="screen" href="style.css" /> 
<script type="text/javascript"> 
jQuery(document).ready(function(){
jQuery('#parallax').jparallax({});
});
</script> 
<meta name="robots" content="noindex, nofollow" /> 
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script>
<script type='text/javascript' src='CIRCULATE/Circulate/js/jquery.easing.1.2.js' </script>
<script type='text/javascript' src='CIRCULATE/Circulate/js/jquery.circulate.js' </script>
<script type='text/javascript' src='CIRCULATE/Circulate/js/example.js'></script>
 <link rel='stylesheet' type='text/css' href='CIRCULATE/Circulate/css/style.css' /> 
</head>

<body>

<img src="CIRCULATE/Circulate/images/planetspin.gif" alt="A Friggin Unicorn, yo." id="unicorn" />
<p>&nbsp;</p>
<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
<div id="page-wrap"> 
</div>
<div id="contenttop">
<p>&nbsp;</p><p>&nbsp;</p>
<div id="parallax"> 
<div style="width: 1174px; height: 481px;"> 
<img alt="" src="images/spacebg.png"/> 
</div> 
<div style="width: 1374px; height: 681px;"> 
<img style="position:absolute; top:-300px; left:-200px; bottom:0px;" alt="" src="images/planetbg.png"/> 
</div> 
<div style="width: 861px; height: 554px;"> 
<img style="position:absolute; top:200px; left:400px; bottom:0px;" alt="" src="images/rocketship.png"/> 
</div>  
<div style="width: 367px; height: 537px;"> 
<img style="position:absolute; top:50px; right:50px; bottom:0px;" alt="" src="images/astrogoat.png"/> 
</div> 

</div>
</body>
</html>


jQuery（文档）.ready（函数（）{
jQuery（“#视差”）.jparallax（{}）；
});

尝试将html
标题
内容更改为以下内容：


<meta name="robots" content="noindex, nofollow" /> 
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
<link rel='stylesheet' type='text/css' href='CIRCULATE/Circulate/css/style.css' />
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script>
<script type="text/javascript" src="jquery.jparallax.js"></script> 
<script type="text/javascript">
    jQuery(document).ready(function(){
        jQuery('#parallax').jparallax({});
    });
</script> 
<script type='text/javascript' src='CIRCULATE/Circulate/js/jquery.easing.1.2.js'></script>
<script type='text/javascript' src='CIRCULATE/Circulate/js/jquery.circulate.js'></script>
<script type='text/javascript' src='CIRCULATE/Circulate/js/example.js'></script>




jQuery（文档）.ready（函数（）{
jQuery（“#视差”）.jparallax（{}）；
});



从我看到的情况来看，页面上包含了两次jQuery，我删除了一个，并将较新的版本移到了javascript包含的顶部。我还将您的
链接
和
meta
标记移到
脚本
标记上方
感谢您的帮助，但是jParallax似乎仍然无法工作。。。这可能是因为“循环”脚本的层与视差脚本重叠吗？循环可能破坏了视差。我不知道这是不是因为我从来没有看过这两个插件中的任何一个。嗯，这确实是可能的！我最终还是放弃了！LOL:P谢谢你的帮助！：对不起，我再也帮不上忙了。这几天时间不多了。