一个网页中两个js冲突怎么办?
<!--第一个js--><scripttype="text/javascript">$(function(){$("#aulli").hover(function(){$...
<!--第一个js-->
<script type="text/javascript">
$(function(){
$("#a ul li").hover(function(){
$(this).addClass("y").siblings().removeClass("y");
var index=$(this).index();
var x=$(this).parent().next().children()[index];
$(x).addClass("xy").siblings().removeClass("xy");
});
});
$(function(){
$("#ul li").hover(function(){
$(this).addClass("y").siblings().removeClass("y");
var index=$(this).index();
var x=$(this).parent().next().children()[index];
$(x).addClass("xy").siblings().removeClass("xy");
});
});
</script>
<!--第二个js-->
<script type="text/javascript">
$(document).ready(function(){
$("#box").jCarouselLite({
btnPrev: "#prev",
btnNext: "#next",
auto: 4000,//图片停留时间
scroll: 4,//每次滚动覆盖的图片个数
speed: 1000, //设置速度,0是不动。其次就是数字越大 ,移动越慢。
vertical: false,//横向(true),竖向(false)
visible: 4, //显示的数量
circular: true //是否循环
});
$("#boxImg ul li:not(:first)").hide();
$("#box ul li").each(function(i){
$(this).click(function(){
$("#boxImg ul li").hide();
$($("#boxImg ul li")[i%($("#box ul li").length/3)]).fadeIn("slow");
})
})
});
</script> 展开
<script type="text/javascript">
$(function(){
$("#a ul li").hover(function(){
$(this).addClass("y").siblings().removeClass("y");
var index=$(this).index();
var x=$(this).parent().next().children()[index];
$(x).addClass("xy").siblings().removeClass("xy");
});
});
$(function(){
$("#ul li").hover(function(){
$(this).addClass("y").siblings().removeClass("y");
var index=$(this).index();
var x=$(this).parent().next().children()[index];
$(x).addClass("xy").siblings().removeClass("xy");
});
});
</script>
<!--第二个js-->
<script type="text/javascript">
$(document).ready(function(){
$("#box").jCarouselLite({
btnPrev: "#prev",
btnNext: "#next",
auto: 4000,//图片停留时间
scroll: 4,//每次滚动覆盖的图片个数
speed: 1000, //设置速度,0是不动。其次就是数字越大 ,移动越慢。
vertical: false,//横向(true),竖向(false)
visible: 4, //显示的数量
circular: true //是否循环
});
$("#boxImg ul li:not(:first)").hide();
$("#box ul li").each(function(i){
$(this).click(function(){
$("#boxImg ul li").hide();
$($("#boxImg ul li")[i%($("#box ul li").length/3)]).fadeIn("slow");
})
})
});
</script> 展开
1个回答
展开全部
能不能分开两个页面,在这个页面导入另外一个页面。比如图片轮播就完全可以用导入的方式。有两种,都试下。<iframe id="windows" name="windows" frameborder="0" src="hkprintingoneh.asp" scrolling="auto" ></iframe> <!--#include file="wedding_bottom.html"-->看你自己需要,一般js冲突问题比较难搞,我主要通过这种方式来分开。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询