<ul><a id="prev" href="#onlink" class="prev"></a>
<li>11111</li>
<li style="display: none;">22222</li>
<li style="display: none;">33333</li>
<li style="display: none;">44444</li>
<a id="next" href="#onlink" class="next"></a>
</ul>实现<li>自动切换显示,并且通过按钮可以控制前后层.谢谢大家!
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script src='./public/js/jquery.js' type='text/javascript'></script>
<script>
$(document).ready(function(){ var RESETTIME = 1000;
var TIMER = setTimeout(function(){show(1)},RESETTIME);
function show(i)
{
clearTimeout(TIMER);
var index = $('ul li').index($('ul li:visible')) + i;
$('ul li:visible').hide();
if($('ul li').length == index || index < 0) index = 0;
$('ul li').eq(index).show();
TIMER = setTimeout(function(){show(1)},RESETTIME);
}
$('#prev').click(function(){show(-1)});
$('#next').click(function(){show(1)});
});
</script>
</HEAD> <BODY>
<a id="prev" href="#onlink" class="prev">prev</a>
<ul>
<li style="display: none;">11111</li>
<li>22222</li>
<li style="display: none;">33333</li>
<li style="display: none;">44444</li>
</ul>
<a id="next" href="#onlink" class="next">next</a> </BODY>
</HTML>