$(function(){
var milancase = $('#case > ul');
case.hide();
case.eq(0).show();
var cur = 0;
var play = function(){
if(cur == 0){
case.eq(0).fadeOut();
case.eq(1).fadeIn();
cur = 1;
}else{
case.eq(1).fadeOut();
case.eq(0).fadeIn();
cur = 0;
}
};
setInterval(play,5000);
});
就这么几句jq代码,冲突了就实现不了功能。想请大家修改成纯js的 。有朋友帮我写的<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(
function(){
var case= jQuery('#case> ul');
case.hide();
case.eq(0).show();
var cur = 0;
var play = function(){
if(cur == 0){
case.eq(0).fadeOut();
case.eq(1).fadeIn();
cur = 1;
}else{
case.eq(1).fadeOut();
case.eq(0).fadeIn();
cur = 0;
}
};
setInterval(play,5000);
}
)
</script>这样不冲突了 但是,轮播一圈后,回到新的第一个的时候就不显示了,但是有链接。恨死郁闷》 请大家帮我改下。功能很简单,实现ul 轮播
var milancase = $('#case > ul');
case.hide();
case.eq(0).show();
var cur = 0;
var play = function(){
if(cur == 0){
case.eq(0).fadeOut();
case.eq(1).fadeIn();
cur = 1;
}else{
case.eq(1).fadeOut();
case.eq(0).fadeIn();
cur = 0;
}
};
setInterval(play,5000);
});
就这么几句jq代码,冲突了就实现不了功能。想请大家修改成纯js的 。有朋友帮我写的<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(
function(){
var case= jQuery('#case> ul');
case.hide();
case.eq(0).show();
var cur = 0;
var play = function(){
if(cur == 0){
case.eq(0).fadeOut();
case.eq(1).fadeIn();
cur = 1;
}else{
case.eq(1).fadeOut();
case.eq(0).fadeIn();
cur = 0;
}
};
setInterval(play,5000);
}
)
</script>这样不冲突了 但是,轮播一圈后,回到新的第一个的时候就不显示了,但是有链接。恨死郁闷》 请大家帮我改下。功能很简单,实现ul 轮播
<script type="text/javascript" src="jq.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(
function(){
var cs= jQuery('#case> ul');
cs.hide();
cs.eq(0).show();
var cur = 0;
var play = function(){
if(cur == 0){
cs.eq(0).fadeOut();
cs.eq(1).fadeIn();
cur = 1;
}else{
cs.eq(1).fadeOut();
cs.eq(0).fadeIn();
cur = 0;
}
};
setInterval(play,5000);
}
)
</script>
<div id="case">
<ul>
<li>a</li>
<li>b</li>
</ul>
<ul>
<li>c</li>
<li>d</li>
</ul>
</div>试试看,改了一下变量名称!
既然你这么肯定是那段代码冲突了,请问我的代码也加进了prototype.js为什么没有冲突呢?
我特地去找了个prototype.js来做测试:<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript">
var $j=jQuery.noConflict();
$j(document).ready(
function(){
var cs= $j('#case> ul');
cs.hide();
cs.eq(0).show();
var cur = 0;
var play = function(){
if(cur == 0){
cs.eq(0).fadeOut();
cs.eq(1).fadeIn();
cur = 1;
}else{
cs.eq(1).fadeOut();
cs.eq(0).fadeIn();
cur = 0;
}
};
setInterval(play,2000);
}
)
$("div_new").style.cssText="top:"+t1+";left:"+l1;
</script>
<div id="case">
<ul>
<li>a</li>
<li>b</li>
</ul>
<ul>
<li>c</li>
<li>d</li>
</ul>
</div>
var $j=jQuery.noConflict();
$j(document).ready(
function(){
var cs= $j('#case> ul');
cs.hide();
cs.eq(0).show();
var cur = 0;
var play = function(){
if(cur == 0){
cs.eq(0).fadeOut();
cs.eq(1).fadeIn();
cur = 1;
}else{
cs.eq(1).fadeOut();
cs.eq(0).fadeIn();
cur = 0;
}
};
setInterval(play,2000);
}
)
我可是明着加进了prototype.js。
下载地址:http://www.alixixi.com/Down/Code/ajax/2008/2008052893072.html
prototype.js版本1。5我用的就是这个!
如果和上面的JQ冲突,那我的怎么可能能运行起来呢?哎!事实已经证明不是这个原因了!别再又拿JQ代码冲突的说事了!
既然你都这么肯定JQ代码和prototype.js冲突了,那你可以拿我这段代码做个测试,加我的那个prototype.js1.5版本的。事实说话:
<script type="text/javascript" src="jq.js"></script>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript">
var $j=jQuery.noConflict();
$j(document).ready(
function(){
var cs= $j('#case> ul');
cs.hide();
cs.eq(0).show();
var cur = 0;
var play = function(){
if(cur == 0){
cs.eq(0).fadeOut();
cs.eq(1).fadeIn();
cur = 1;
}else{
cs.eq(1).fadeOut();
cs.eq(0).fadeIn();
cur = 0;
}
};
setInterval(play,2000);
}
)
</script>
<div id="case">
<ul>
<li>a</li>
<li>b</li>
</ul>
<ul>
<li>c</li>
<li>d</li>
</ul>
</div>
var $1 = $.noConflict();
$1(...);