外贸网站建设之tab标签自动切换代码

先来说说这个效果吧，这个效果的意思，就是这几个标题会自动的滚动然后显示他下面的内容。

代码如下：
<div id=”rotate”>
<ul>
<li><a href=”#fragment-1″><span>Section 1</span></a></li>
<li><a href=”#fragment-2″><span>Section 2</span></a></li>
<li><a href=”#fragment-3″><span>Section 3</span></a></li>
<li><a href=”#fragment-4″><span>Section 4</span></a></li>
<li><a href=”#fragment-5″><span>Section 5</span></a></li>
</ul>
<div id=”fragment-1″>Lorem </div>
<div id=”fragment-2″>Lorem ipsum</div>
<div id=”fragment-3″>Lorem ipsum </div>
<div id=”fragment-4″>Lorem ipsum</div>
<div id=”fragment-5″><p>Lorem  </p></div>
</div>

在这里还需要引入几个js
<script src=”jquery-1.2.4b.js” type=”text/javascript”></script>
<script src=”ui.core.js” type=”text/javascript”></script>
<script src=”ui.tabs.js” type=”text/javascript”></script>
<script type=”text/javascript”>
$(function() {
$(‘#rotate > ul’).tabs({ fx: { opacity: ‘toggle’ } }).tabs(‘rotate’, 2000);
});
</script>

js的顺序千万不好弄反了

外贸网站建设之tab标签自动切换代码 这个效果用户体验挺好的 如果你也需要这个效果，请联系我们吧

QQ客服：415682727

电话：020-39907297

MSN：xueposter@gmail.com

全国免费电话：800-999-8262

更多 外贸网站建设案例》》

官网：https://www.onepound.cn