jQuery 高手请帮忙： 整合两个特效后，其中一个不能用。不知道是那里冲突
<scripttype="text/javascript"src="js/jquery.js"></script><scripttype="text/javascript...
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/interface.js"></script>
<script type="text/javascript" src="jquery/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="jquery/Tween.js"></script>
<script type="text/javascript" src="jquery/jquery.carousel3d.js"></script>
<!--[if lt IE 7]>
<style type="text/css">
div, img { behavior: url(iepngfix.htc) }
</style>
<![endif]-->
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(document).ready(
function()
{
$('#dock').Fisheye(
{
maxWidth: 120,
items: 'a',
itemsText: 'span',
container: '.dock-container',
itemWidth: 90,
proximity: 90,
halign : 'center'
}
)
}
);
</script>
<script type="text/javascript">
//水平居中和垂直居中
jQuery(function($) {
$("#carousel").html($("#holder_images").html()).carousel3d({control: 'buttons', fadeEffect: 1, centerX: $('#carousel').offset().left + $('#carousel').width()/2 });
});
</script>
</head>
<body>
<div class="dock" id="dock">
<div class="dock-container">
<a class="dock-item" href="#"><img src="images/home.png" alt="home" /><span>社会经济</span></a>
<a class="dock-item" href="#"><img src="images/email.png" alt="contact" /><span>资源环境</span></a>
<a class="dock-item" href="#"><img src="images/portfolio.png" alt="portfolio" /><span>土地矿产</span></a>
<a class="dock-item" href="#"><img src="images/music.png" alt="music" /><span>水利资源</span></a>
<a class="dock-item" href="#"><img src="images/video.png" alt="video" /><span>海洋资源</span></a>
<a class="dock-item" href="#"><img src="images/video.png" alt="video" /><span>气象</span></a>
</div>
</div>
<img title="sinatra at the beach 8" src="images/sinatra_beach_8.jpg" alt="sinatra_beach_8" width="500" height="375" />
<img title="sinatra at the beach 1" src="images/sinatra_beach_1.jpg" alt="sinatra_beach_1" width="500" height="375" />
<img title="sinatra at the beach 2" src="images/sinatra_beach_2.jpg" alt="sinatra_beach_2" width="500" height="375" />
<img title="sinatra at the beach 3" src="images/sinatra_beach_3.jpg" alt="sinatra_beach_3" width="500" height="375" />
<img title="sinatra at the beach 4" src="images/sinatra_beach_4.jpg" alt="sinatra_beach_4" width="500" height="375" />
</div> 展开
<script type="text/javascript" src="js/interface.js"></script>
<script type="text/javascript" src="jquery/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="jquery/Tween.js"></script>
<script type="text/javascript" src="jquery/jquery.carousel3d.js"></script>
<!--[if lt IE 7]>
<style type="text/css">
div, img { behavior: url(iepngfix.htc) }
</style>
<![endif]-->
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(document).ready(
function()
{
$('#dock').Fisheye(
{
maxWidth: 120,
items: 'a',
itemsText: 'span',
container: '.dock-container',
itemWidth: 90,
proximity: 90,
halign : 'center'
}
)
}
);
</script>
<script type="text/javascript">
//水平居中和垂直居中
jQuery(function($) {
$("#carousel").html($("#holder_images").html()).carousel3d({control: 'buttons', fadeEffect: 1, centerX: $('#carousel').offset().left + $('#carousel').width()/2 });
});
</script>
</head>
<body>
<div class="dock" id="dock">
<div class="dock-container">
<a class="dock-item" href="#"><img src="images/home.png" alt="home" /><span>社会经济</span></a>
<a class="dock-item" href="#"><img src="images/email.png" alt="contact" /><span>资源环境</span></a>
<a class="dock-item" href="#"><img src="images/portfolio.png" alt="portfolio" /><span>土地矿产</span></a>
<a class="dock-item" href="#"><img src="images/music.png" alt="music" /><span>水利资源</span></a>
<a class="dock-item" href="#"><img src="images/video.png" alt="video" /><span>海洋资源</span></a>
<a class="dock-item" href="#"><img src="images/video.png" alt="video" /><span>气象</span></a>
</div>
</div>
<img title="sinatra at the beach 8" src="images/sinatra_beach_8.jpg" alt="sinatra_beach_8" width="500" height="375" />
<img title="sinatra at the beach 1" src="images/sinatra_beach_1.jpg" alt="sinatra_beach_1" width="500" height="375" />
<img title="sinatra at the beach 2" src="images/sinatra_beach_2.jpg" alt="sinatra_beach_2" width="500" height="375" />
<img title="sinatra at the beach 3" src="images/sinatra_beach_3.jpg" alt="sinatra_beach_3" width="500" height="375" />
<img title="sinatra at the beach 4" src="images/sinatra_beach_4.jpg" alt="sinatra_beach_4" width="500" height="375" />
</div> 展开
4个回答
展开全部
jQuery(function($) {
$("#carousel").html($("#holder_images").html()).carousel3d({control: 'buttons', fadeEffect: 1, centerX: $('#carousel').offset().left + $('#carousel').width()/2 });
});
改为试试
$(function($) {
$("#carousel").html($("#holder_images").html()).carousel3d({control: 'buttons', fadeEffect: 1, centerX: $('#carousel').offset().left + $('#carousel').width()/2 });
});
$("#carousel").html($("#holder_images").html()).carousel3d({control: 'buttons', fadeEffect: 1, centerX: $('#carousel').offset().left + $('#carousel').width()/2 });
});
改为试试
$(function($) {
$("#carousel").html($("#holder_images").html()).carousel3d({control: 'buttons', fadeEffect: 1, centerX: $('#carousel').offset().left + $('#carousel').width()/2 });
});
追问
有错误。
请再次指点。
追答
QQ8500999
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script type="text/javascript" src="jquery/jquery-1.2.6.min.js"></script>
放最上面，是不是和第一个 jquery。js重复了！
放最上面，是不是和第一个 jquery。js重复了！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
两个jQuery库重复调用了
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
请检查下是否jquery调用2次了，我昨天就遇到，怎么调试都出错、、、
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
