如何能让它自动循环切换,是自动循环,不是循环一遍就停止,需要完整的,在这小弟先谢谢了! 60
<div class="lib_xinwen">
<ul>
<li id="tao1" onclick="setTab('tao',1,4)"class="hover" ></li>
<li id="tao2" onclick="setTab('tao',2,4)"></li>
<li id="tao3" onclick="setTab('tao',3,4)"></li>
<li id="tao4" onclick="setTab('tao',4,4)"></li>
</ul>
</div>
<div class="lib_huan">
<div id="con_tao_1" >新闻列表1</div>
<div id="con_tao_2" style="display:none">新闻列表2</div>
<div id="con_tao_3" style="display:none">新闻列表3</div>
<div id="con_tao_4" style="display:none">新闻列表4</div>
</div>
</div>
<script>
<!--
function setTab(name,cursel,n){
for(i=1;i<=n;i++){
var menu=document.getElementById(name+i);
var con=document.getElementById("con_"+name+"_"+i);
menu.className=i==cursel?"hover":"";
con.style.display=i==cursel?"block":"none";
}
}
//-->
</script>
是根据我上面给的div和js我不是要别的…我给出的js不改变,我在同一页面用了很多个这个js所以是希望是把自动切换加到js里!第一个回答!根本没用 展开
<html>
<head lang="cn">
<title></title>
</head>
<body>
<div class="list list-dynamic">
<div class="list-title">
<b>动态信息</b>
</div>
<div class="list-con list-dynamic-con">
<ul>
<li>
<p>? 01111111111111111</p>
</li>
<li>
<p>? 02生旌物流发布了 货源 树苗</p>
</li>
<li>
<p>? 03生旌物流发布sdfsf了 货源 树苗</p>
</li>
<li>
<p>? 04生旌物流发布了 货源 树苗</p>
</li>
<li>
<p>? 05生旌物流发布了 货源 树苗</p>
</li>
<li>
<p>? 06生旌物流发布了vvvv 货源 树苗</p>
</li>
<li>
<p>? 07生旌物流发布了寺在地愿为连理枝 货源 f树苗</p>
</li>
<li>
<p>? 08生旌物流发布顶替了 货源 树苗</p>
</li>
<li>
<p>? 09生旌物流发布了子王一年 货源 树苗</p>
</li>
<li>
<p>? 10生旌物流发布了 货源 1111树苗</p>
</li>
<li>
<p>? 11生旌物流发布了 货源 33e树苗</p>
</li>
<li>
<p>? 12生旌物流发布了 货源 dasdsd树苗</p>
</li>
<li>
<p>? 13生旌物流发布了 货源 2111树苗</p>
</li>
<li>
<p>? 14生旌物流发布了子王一年 货源 树苗</p>
</li>
<li>
<p>? 15生旌物流发布了 货源 1111树苗</p>
</li>
<li>
<p>? 16生旌物流发布了 货源 33e树苗</p>
</li>
<li>
<p>? 17生旌物流发布了 货源 dasdsd树苗</p>
</li>
<li>
<p>? 18生旌物流发布了 货源 2111树苗</p>
</li>
<li>
<p>? 19生旌物流发布了 货源 dasdsd树苗</p>
</li>
<li>
<p>? 20生旌物流发布了 货源 2111树苗</p>
</li>
</ul>
</div>
<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery-scrollable.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function(){
//调用轮播效果(横向)
$('.enterprise-con-main ul').scrollable({
width: "auto",
height: "188",
direction: "left",
scrollCount: 1
});
$(".enterprise-con-prev").click(function(){
$('.enterprise-con-main ul').scrollable("prev");
});
$(".enterprise-con-next").click(function(){
$('.enterprise-con-main ul').scrollable("next");
});
//调用轮播效果(向上)
$('.list-dynamic-con > ul').scrollable({
direction: "top",
height: "420",
scrollCount: 1
});
});
</script>
</body>
</html>