可自动切换的tab选项卡Easy Tabs 1.2

    可自动切换的tab选项卡Easy Tabs 1.2 js插件，点击按钮即可切换自动切换和不自动切换。 1、在头部引入下面的文件：

<link href="style/menu.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" language="javascript" src="js/easytabs.js"></script>

2、在body引入下面的代码：

<!-- tab选项卡 start -->
<!-- tab -->
<div class="menu">
    <ul>
        <li><a href="#" onmouseover="easytabs('1', '1');" onfocus="easytabs('1', '1');" onclick="return false;"  title="" id="tablink1">美女</a></li>
        <li><a href="#" onmouseover="easytabs('1', '2');" onfocus="easytabs('1', '2');" onclick="return false;"  title="" id="tablink2">风景</a></li>
        <li><a href="#" onmouseover="easytabs('1', '3');" onfocus="easytabs('1', '3');" onclick="return false;"  title="" id="tablink3">汽车</a></li>
        <li><a href="#" onmouseover="easytabs('1', '4');" onfocus="easytabs('1', '4');" onclick="return false;"  title="" id="tablink4">建筑</a></li>
    </ul>
</div>
<!-- content -->
<div id="tabcontent1"><img src="images/meinv.jpg" /></div>
<div id="tabcontent2"><img src="images/fengjing.jpg" /></div>
<div id="tabcontent3"><img src="images/qiche.jpg" /></div>
<div id="tabcontent4"><img src="images/chengbao.jpg" /></div>
<!-- tab选项卡 end -->
<a href="#" onmousedown="javascript:stop_autochange(); return false;">停止自动切换</a>&nbsp;|&nbsp;
<a href="#" onmousedown="javascript:restart_autochange(); return false;">开始自动切换</a>

部分素材资源来源网站，本站提供免费下载，如有侵权请联系站长马上删除！