有两个Jquery,如果放到同一个页面就会冲突导致无法运行,请问如何处理才能解决这个问题,最好能把答案写出来,因为本人在JQuery是菜鸟级别,谢谢了<head runat="server">
<title>无标题页</title> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.verticalTab.js"></script>
<link href="style/css/base.css" rel="stylesheet" type="text/css" />
<link href="style/css/demo.css" rel="stylesheet" type="text/css" /> <script type="text/javascript">
var jQuery_New = $.noConflict(true);
</script>
<script type="text/javascript">
$(function(){
var VT = $("#demo1").verticalTab({titlesApplyTo:"#demo1-titles",
contentsApplyTo : "#demo1-contents",
currentTitleCls : "demo1-current-title",
animateType : "fade"});
})
</script>
</head>
<body>
<form id="form1" runat="server">
<div class="mar-t-10 clearfix" id="demo1">
<div class="l" id="demo1-titles">
<ul>
<li>相关文章 </li>
<li>最新文章 </li>
<li>最热文章 </li>
<li class="bor-b-no">随机文章 </li>
</ul>
</div>
<div class="l" id="demo1-contents">
<ul>
<li>
<ul class="post-title-list">
<li>f</li>
</ul>
</li>
<li>
<ul class="post-title-list">
<li>a</li>
</ul>
</li>
<li>
<ul class="post-title-list">
<li>d</li>
</ul>
</li>
<li>
<ul class="post-title-list">
<li>f</li>
</ul>
</li>
</ul>
</div>
</div>
</form>
</body>
<head runat="server">
<title>无标题页</title>
<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
img{vertical-align:middle}
/* lamp */
.lamp{height:906px;width:960px;position:relative;margin:0 auto;}
.lamp .sublight{position:absolute;display:block;overflow:hidden;}
.lamp .pic1{top:0;left:0;width:240px;height:366px;}
.lamp .pic2{top:0;left:240px;width:480px;height:183px;}
.lamp .pic3{top:0;left:720px;width:240px;height:183px;}
.lamp .pic4{top:183px;left:240px;width:240px;height:183px;}
.lamp .pic5{top:183px;left:480px;width:240px;height:183px;}
.lamp .pic6{top:183px;left:720px;width:240px;height:183px;}
.lamp .pic7{top:366px;left:0;width:240px;height:366px;}
.lamp .pic8{top:366px;left:240px;width:480px;height:183px;}
.lamp .pic9{top:366px;left:720px;width:240px;height:183px;}
.lamp .pic10{top:549px;left:240px;width:240px;height:183px;}
.lamp .pic11{top:549px;left:480px;width:240px;height:183px;}
.lamp .pic12{top:549px;left:720px;width:240px;height:183px;}
</style>
</head>
<body>
<form id="form1" runat="server">
<div class="lamp">
<div>
<a target="_blank" href="http://www.jsfoot.com/" class="sublight pic1">
<img src="images/dudu.jpg" title="DUDU 源自意大利的真皮风尚"></a> <a target="_blank" href="http://www.jsfoot.com/"
class="sublight pic2">
<img src="images/event_02.jpg" title="浪美 自由行走间的风尚标" /></a> <a target="_blank" href="http://www.jsfoot.com/"
class="sublight pic3">
<img src="images/gb3.jpg" title="戈尔本 成就男士商务之旅"></a> <a target="_blank" href="http://www.jsfoot.com/"
class="sublight pic4">
<img src="images/zne.jpg" title="卓妮尔 当优雅与摩登不期而遇"></a> <a target="_blank" href="http://www.jsfoot.com/"
class="sublight pic5">
<img src="images/fbs2.jpg" title="梵贝斯 来自东京武藏野设计"></a> <a target="_blank" href="http://www.jsfoot.com/"
class="sublight pic6">
<img src="images/xxbm2.jpg" title="希夏邦马 运动与旅行的完美结合"></a>
</div>
<div>
<a target="_blank" href="http://www.jsfoot.com/" class="sublight pic7">
<img src="images/dudu.jpg" title="DUDU 源自意大利的真皮风尚"></a> <a target="_blank" href="http://www.jsfoot.com/"
class="sublight pic8">
<img src="images/event_02.jpg" title="浪美 自由行走间的风尚标" /></a> <a target="_blank" href="http://www.jsfoot.com/"
class="sublight pic9">
<img src="images/gb3.jpg" title="戈尔本 成就男士商务之旅"></a> <a target="_blank" href="http://www.jsfoot.com/"
class="sublight pic10">
<img src="images/zne.jpg" title="卓妮尔 当优雅与摩登不期而遇"></a> <a target="_blank" href="http://www.jsfoot.com/"
class="sublight pic11">
<img src="images/fbs2.jpg" title="梵贝斯 来自东京武藏野设计"></a> <a target="_blank" href="http://www.jsfoot.com/"
class="sublight pic12">
<img src="images/xxbm2.jpg" title="希夏邦马 运动与旅行的完美结合"></a>
</div>
</div> <script type="text/javascript" src="http://www.jsfoot.com/skinnew/js/jquery-1.2.6.pack.js"></script> <script type="text/javascript">
// 高亮效果
var blockHighLight = (function(window, $, undefined){
var ers = [];
return function(boxCls, itemCls, sizeArr){
var box = $(boxCls);
itemCls = itemCls || "a";
box.find(itemCls).each(function(i){
var self = $(this);
var arr,w,h,er;
if(sizeArr !== undefined){
arr = sizeArr[i].split(",");
w = arr[0];
h = arr[1];
}else{
w = self.find("img").attr("width");
h = self.find("img").attr("height");
}
er = $('<div style="cursor:pointer;top:0;left:0;position:absolute;width:'+w+'px;height:'+h+'px;filter:alpha(opacity=0);opacity: 0;background-color:#000;"></div>');
self.append(er);
self.mouseover(function(){
for(var i=0; i<ers.length; i++){
ers[i].show().css({"opacity":'0.2',"filter":"alpha(opacity=20)"});
}
er.hide();
});
ers.push(er);
}); box.mouseout(function(){
for(var i=0; i<ers.length; i++){
ers[i].css({"opacity":'0',"filter":"alpha(opacity=0)"});
}
})
}
})(this, $);blockHighLight( ".lamp", //父元素
".sublight", //子元素集
[
'240,366', //第一张图片的宽高
'480,183', //第二张图片的宽高
'240,183', //第三张图片的宽高
'240,183', //第四张图片的宽高
'240,183', //第五张图片的宽高
'240,183', //第六张图片的宽高
'240,366', //第一张图片的宽高
'480,183', //第二张图片的宽高
'240,183', //第三张图片的宽高
'240,183', //第四张图片的宽高
'240,183', //第五张图片的宽高
'240,183' //第六张图片的宽高
]
); </script> </form>
</body>
<title>无标题页</title> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.verticalTab.js"></script>
<link href="style/css/base.css" rel="stylesheet" type="text/css" />
<link href="style/css/demo.css" rel="stylesheet" type="text/css" /> <script type="text/javascript">
var jQuery_New = $.noConflict(true);
</script>
<script type="text/javascript">
$(function(){
var VT = $("#demo1").verticalTab({titlesApplyTo:"#demo1-titles",
contentsApplyTo : "#demo1-contents",
currentTitleCls : "demo1-current-title",
animateType : "fade"});
})
</script>
</head>
<body>
<form id="form1" runat="server">
<div class="mar-t-10 clearfix" id="demo1">
<div class="l" id="demo1-titles">
<ul>
<li>相关文章 </li>
<li>最新文章 </li>
<li>最热文章 </li>
<li class="bor-b-no">随机文章 </li>
</ul>
</div>
<div class="l" id="demo1-contents">
<ul>
<li>
<ul class="post-title-list">
<li>f</li>
</ul>
</li>
<li>
<ul class="post-title-list">
<li>a</li>
</ul>
</li>
<li>
<ul class="post-title-list">
<li>d</li>
</ul>
</li>
<li>
<ul class="post-title-list">
<li>f</li>
</ul>
</li>
</ul>
</div>
</div>
</form>
</body>
<head runat="server">
<title>无标题页</title>
<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
img{vertical-align:middle}
/* lamp */
.lamp{height:906px;width:960px;position:relative;margin:0 auto;}
.lamp .sublight{position:absolute;display:block;overflow:hidden;}
.lamp .pic1{top:0;left:0;width:240px;height:366px;}
.lamp .pic2{top:0;left:240px;width:480px;height:183px;}
.lamp .pic3{top:0;left:720px;width:240px;height:183px;}
.lamp .pic4{top:183px;left:240px;width:240px;height:183px;}
.lamp .pic5{top:183px;left:480px;width:240px;height:183px;}
.lamp .pic6{top:183px;left:720px;width:240px;height:183px;}
.lamp .pic7{top:366px;left:0;width:240px;height:366px;}
.lamp .pic8{top:366px;left:240px;width:480px;height:183px;}
.lamp .pic9{top:366px;left:720px;width:240px;height:183px;}
.lamp .pic10{top:549px;left:240px;width:240px;height:183px;}
.lamp .pic11{top:549px;left:480px;width:240px;height:183px;}
.lamp .pic12{top:549px;left:720px;width:240px;height:183px;}
</style>
</head>
<body>
<form id="form1" runat="server">
<div class="lamp">
<div>
<a target="_blank" href="http://www.jsfoot.com/" class="sublight pic1">
<img src="images/dudu.jpg" title="DUDU 源自意大利的真皮风尚"></a> <a target="_blank" href="http://www.jsfoot.com/"
class="sublight pic2">
<img src="images/event_02.jpg" title="浪美 自由行走间的风尚标" /></a> <a target="_blank" href="http://www.jsfoot.com/"
class="sublight pic3">
<img src="images/gb3.jpg" title="戈尔本 成就男士商务之旅"></a> <a target="_blank" href="http://www.jsfoot.com/"
class="sublight pic4">
<img src="images/zne.jpg" title="卓妮尔 当优雅与摩登不期而遇"></a> <a target="_blank" href="http://www.jsfoot.com/"
class="sublight pic5">
<img src="images/fbs2.jpg" title="梵贝斯 来自东京武藏野设计"></a> <a target="_blank" href="http://www.jsfoot.com/"
class="sublight pic6">
<img src="images/xxbm2.jpg" title="希夏邦马 运动与旅行的完美结合"></a>
</div>
<div>
<a target="_blank" href="http://www.jsfoot.com/" class="sublight pic7">
<img src="images/dudu.jpg" title="DUDU 源自意大利的真皮风尚"></a> <a target="_blank" href="http://www.jsfoot.com/"
class="sublight pic8">
<img src="images/event_02.jpg" title="浪美 自由行走间的风尚标" /></a> <a target="_blank" href="http://www.jsfoot.com/"
class="sublight pic9">
<img src="images/gb3.jpg" title="戈尔本 成就男士商务之旅"></a> <a target="_blank" href="http://www.jsfoot.com/"
class="sublight pic10">
<img src="images/zne.jpg" title="卓妮尔 当优雅与摩登不期而遇"></a> <a target="_blank" href="http://www.jsfoot.com/"
class="sublight pic11">
<img src="images/fbs2.jpg" title="梵贝斯 来自东京武藏野设计"></a> <a target="_blank" href="http://www.jsfoot.com/"
class="sublight pic12">
<img src="images/xxbm2.jpg" title="希夏邦马 运动与旅行的完美结合"></a>
</div>
</div> <script type="text/javascript" src="http://www.jsfoot.com/skinnew/js/jquery-1.2.6.pack.js"></script> <script type="text/javascript">
// 高亮效果
var blockHighLight = (function(window, $, undefined){
var ers = [];
return function(boxCls, itemCls, sizeArr){
var box = $(boxCls);
itemCls = itemCls || "a";
box.find(itemCls).each(function(i){
var self = $(this);
var arr,w,h,er;
if(sizeArr !== undefined){
arr = sizeArr[i].split(",");
w = arr[0];
h = arr[1];
}else{
w = self.find("img").attr("width");
h = self.find("img").attr("height");
}
er = $('<div style="cursor:pointer;top:0;left:0;position:absolute;width:'+w+'px;height:'+h+'px;filter:alpha(opacity=0);opacity: 0;background-color:#000;"></div>');
self.append(er);
self.mouseover(function(){
for(var i=0; i<ers.length; i++){
ers[i].show().css({"opacity":'0.2',"filter":"alpha(opacity=20)"});
}
er.hide();
});
ers.push(er);
}); box.mouseout(function(){
for(var i=0; i<ers.length; i++){
ers[i].css({"opacity":'0',"filter":"alpha(opacity=0)"});
}
})
}
})(this, $);blockHighLight( ".lamp", //父元素
".sublight", //子元素集
[
'240,366', //第一张图片的宽高
'480,183', //第二张图片的宽高
'240,183', //第三张图片的宽高
'240,183', //第四张图片的宽高
'240,183', //第五张图片的宽高
'240,183', //第六张图片的宽高
'240,366', //第一张图片的宽高
'480,183', //第二张图片的宽高
'240,183', //第三张图片的宽高
'240,183', //第四张图片的宽高
'240,183', //第五张图片的宽高
'240,183' //第六张图片的宽高
]
); </script> </form>
</body>
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货