首页 > 特效插件 > 选项卡特效 >  可自动切换的tab选项卡Easy Tabs 1.2正文

可自动切换的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>

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