我爱模板网 > 特效插件 > 选项卡特效 >  可自动切换的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>



部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:js滑动tab选项卡效果 下一篇:导航控制的tab左右滑动切换选项卡
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢