<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<title>wid.html</title>
<link rel="stylesheet" href="./plugin/Travel_tab/css/webwidget_scroller_tab.css" type="text/css" />
<script type='text/javascript' src='./js/jquery-1.7.1.js'></script>
<script type='text/javascript' src='./plugin/Travel_tab/js/webwidget_scroller_tab.js'></script>
<script type="text/javascript">
$(function() {
$(".webwidget_scroller_tab").webwidget_scroller_tab({
scroller_time_interval: '5000',
scroller_window_padding: '10',
scroller_window_width: '1280',
scroller_window_height: '730',
scroller_head_text_color: '#fff',
scroller_head_current_text_color: '#000',
directory: 'images'
});
$(".webwidget_scroller_tab1").webwidget_scroller_tab({
scroller_time_interval: '5000',
scroller_window_padding: '10',
scroller_window_width: '1280',
scroller_window_height: '730',
scroller_head_text_color: '#fff',
scroller_head_current_text_color: '#000',
directory: 'images'
});
});
</script>
</head>
<body>
<div class="webwidget_scroller_tab">
<div class="tabContainer">
<ul class="tabHead">
<li class="currentBtn"><a>NUM1</a></li>
<li><a>NUM2</a></li>
<li><a>NUM3</a></li>
</ul>
</div>
<div class="tabBody">
<ul>
<li class="tabCot">
<div class="webwidget_scroller_tab1">
<div class="tabContainer">
<ul class="tabHead">
<li class="currentBtn"><a>NUM11</a></li>
<li><a>NUM12</a></li>
<li><a>NUM13</a></li>
</ul>
</div>
<div class="tabBody">
<ul>
<li class="tabCot">11</li>
<li class="tabCot">12</li>
<li class="tabCot">13</li>
</ul>
</div>
</div>
</li>
<li class="tabCot">2</li>
<li class="tabCot">3</li>
</ul>
</div>
</div>
</body>
</html>
分享到:
相关推荐
jQuery+css实现tab切换效果 jQuery+css实现tab切换效果源代码
JQuery单击实现TAB切换效果
jquery 通用tab 切换效果,无须修改JQ,div统一,样式稍做修改即可
jQuery实现的tab标签自动切换效果
jQuery实现tab栏切换效果 本文实例为大家分享了jQuery实现tab栏切换效果的具体代码,供大家参考,具体内容如下 具体实现功能 1、切换选项卡 2、添加选项卡 3、删除选项卡 4、编辑选项卡 html结构 ...
【Jquery经典特效6】js实现tab标签切换效果
本文实例讲述了jQuery实现的tab标签切换效果。分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
jquery+css Tab切换效果,可自定义切换效果
好久没有出tab切换效果 并非是懒人站长真的懒了,而是tab切换,特别是jQuery版本的,无论是点击,还是鼠标悬停,其代码原理是一致的 多发版本无非是浪费大家的时间,而且还会扰乱大家选择的视线 ...
基于jQuery流畅的tab切换效果 基于jQuery流畅的tab切换效果
很好用的一个jquery tab切换效果,简单实用
基于jQuery流畅的tab切换效果JS+CSS基于jQuery流畅的tab切换效果JS+CSS基于jQuery流畅的tab切换效果JS+CSS
基于jQuery实现图片缩放tab切换效果.zip
js和jquery实现tab状态栏切换效果 今天做一个简单的小案例,用js和jquery分别去实现点击tab栏,实现切换的目的,效果如下图: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> 状态...
jquery金属质感上下折叠tab切换效果
主要介绍使用jQuery封装了一个tab选项卡切换的插件,需要的朋友可以参考下。
jQuery插件,一句话实现tab切换效果。