Home Downloads jQuery 插件之 tabsView

jQuery 插件之 tabsView

纵向滚动热点图片新闻

  • 1.jpg
  • 2.jpg
  • 3.jpg
  • 4.jpg
  • 2.jpg
  • 1.jpg
  • 3.jpg

汽车

汽车

汽车

汽车

汽车

汽车

汽车

普通 Tab

绿地集团有限公司(下称“绿地集团” )地产事业部总经理李明这样向时代周报记者表示。

3月3日,时代周报记者来到武汉绿地国际金融城(下称“绿地国际” )的施工现场,在凛冽的寒风中,工地上机器轰鸣呼啸,头戴安全帽的数百名工人正在热火朝天地施工,武汉连日来的阴冷和雨雪未能阻挡施工进度,整个施工现场,已有8栋高楼拔地而起。

此时此刻,这个有“高楼情结”的地产大鳄,正在武汉创造一个“再越极颠”的完美计划—更改当前606米的绿地中心高楼设计计划,超越上海中心(632米),成为真正的中国第一高楼。

更多

长江商报消息 本报讯(记者 蔡方良)昨日,汉口一酒店门前超长悍马越野车,令来往路人一阵阵赞叹。

据了解,该车身长10.2米,宽2.22米,高2.08米,可容纳16人同时乘坐,身价高达600万元人民币。经允许,记者进入车内亲身体验了该车的奢华:独特设计的星光车顶、左右两边及后部各有一排真皮座,车内配有传真机、无线上网电脑、冰箱、酒吧、带卡拉OK功能的DVD液晶显示屏、高级环绕音响等,内部空间可供16人开会。

更多

中新网恩施3月4日电 (姚祯发 王喜闯)3月4日上午8时许,湖北建始县司机陈仲武驾驶一辆昌河面包车,从木弓河村开往官店镇途经官门公路横梁子村4组涵洞湾时,翻下约100米高的岩坎,致6人死亡、9人受伤。

事故发生后,建始县委、县政府高度重视,该县主要领导立刻安排2名副县长带领县政府办公室、县公安局、县安监局、县交通运输局等部门负责人赶赴该县官店镇,成立了事故营救、事故调查、善后处理等多个小组,会同官店镇人民政府全力展开事故营救,查明事故情况,核查死者及伤者身份,妥善处理相关善后事宜。

更多

长江商报消息 本报讯(记者 蔡方良)昨日,汉口一酒店门前超长悍马越野车,令来往路人一阵阵赞叹。

据了解,该车身长10.2米,宽2.22米,高2.08米,可容纳16人同时乘坐,身价高达600万元人民币。经允许,记者进入车内亲身体验了该车的奢华:独特设计的星光车顶、左右两边及后部各有一排真皮座,车内配有传真机、无线上网电脑、冰箱、酒吧、带卡拉OK功能的DVD液晶显示屏、高级环绕音响等,内部空间可供16人开会。

更多
	$('#tabsview-normal').tabs({
		tabs: '.tab-item',
		contents: '.tabs-post'
	});

使用 defaultIndex 参数设置默认项

绿地集团有限公司(下称“绿地集团” )地产事业部总经理李明这样向时代周报记者表示。

3月3日,时代周报记者来到武汉绿地国际金融城(下称“绿地国际” )的施工现场,在凛冽的寒风中,工地上机器轰鸣呼啸,头戴安全帽的数百名工人正在热火朝天地施工,武汉连日来的阴冷和雨雪未能阻挡施工进度,整个施工现场,已有8栋高楼拔地而起。

此时此刻,这个有“高楼情结”的地产大鳄,正在武汉创造一个“再越极颠”的完美计划—更改当前606米的绿地中心高楼设计计划,超越上海中心(632米),成为真正的中国第一高楼。

更多

长江商报消息 本报讯(记者 蔡方良)昨日,汉口一酒店门前超长悍马越野车,令来往路人一阵阵赞叹。

据了解,该车身长10.2米,宽2.22米,高2.08米,可容纳16人同时乘坐,身价高达600万元人民币。经允许,记者进入车内亲身体验了该车的奢华:独特设计的星光车顶、左右两边及后部各有一排真皮座,车内配有传真机、无线上网电脑、冰箱、酒吧、带卡拉OK功能的DVD液晶显示屏、高级环绕音响等,内部空间可供16人开会。

更多

中新网恩施3月4日电 (姚祯发 王喜闯)3月4日上午8时许,湖北建始县司机陈仲武驾驶一辆昌河面包车,从木弓河村开往官店镇途经官门公路横梁子村4组涵洞湾时,翻下约100米高的岩坎,致6人死亡、9人受伤。

事故发生后,建始县委、县政府高度重视,该县主要领导立刻安排2名副县长带领县政府办公室、县公安局、县安监局、县交通运输局等部门负责人赶赴该县官店镇,成立了事故营救、事故调查、善后处理等多个小组,会同官店镇人民政府全力展开事故营救,查明事故情况,核查死者及伤者身份,妥善处理相关善后事宜。

更多

长江商报消息 本报讯(记者 蔡方良)昨日,汉口一酒店门前超长悍马越野车,令来往路人一阵阵赞叹。

据了解,该车身长10.2米,宽2.22米,高2.08米,可容纳16人同时乘坐,身价高达600万元人民币。经允许,记者进入车内亲身体验了该车的奢华:独特设计的星光车顶、左右两边及后部各有一排真皮座,车内配有传真机、无线上网电脑、冰箱、酒吧、带卡拉OK功能的DVD液晶显示屏、高级环绕音响等,内部空间可供16人开会。

更多
	$('#tabsview-set-default').tabs({
		tabs: '.tab-item',
		contents: '.tabs-post',
		defaultIndex: 2
	});

绿地集团有限公司(下称“绿地集团” )地产事业部总经理李明这样向时代周报记者表示。

3月3日,时代周报记者来到武汉绿地国际金融城(下称“绿地国际” )的施工现场,在凛冽的寒风中,工地上机器轰鸣呼啸,头戴安全帽的数百名工人正在热火朝天地施工,武汉连日来的阴冷和雨雪未能阻挡施工进度,整个施工现场,已有8栋高楼拔地而起。

此时此刻,这个有“高楼情结”的地产大鳄,正在武汉创造一个“再越极颠”的完美计划—更改当前606米的绿地中心高楼设计计划,超越上海中心(632米),成为真正的中国第一高楼。

更多

长江商报消息 本报讯(记者 蔡方良)昨日,汉口一酒店门前超长悍马越野车,令来往路人一阵阵赞叹。

据了解,该车身长10.2米,宽2.22米,高2.08米,可容纳16人同时乘坐,身价高达600万元人民币。经允许,记者进入车内亲身体验了该车的奢华:独特设计的星光车顶、左右两边及后部各有一排真皮座,车内配有传真机、无线上网电脑、冰箱、酒吧、带卡拉OK功能的DVD液晶显示屏、高级环绕音响等,内部空间可供16人开会。

更多

中新网恩施3月4日电 (姚祯发 王喜闯)3月4日上午8时许,湖北建始县司机陈仲武驾驶一辆昌河面包车,从木弓河村开往官店镇途经官门公路横梁子村4组涵洞湾时,翻下约100米高的岩坎,致6人死亡、9人受伤。

事故发生后,建始县委、县政府高度重视,该县主要领导立刻安排2名副县长带领县政府办公室、县公安局、县安监局、县交通运输局等部门负责人赶赴该县官店镇,成立了事故营救、事故调查、善后处理等多个小组,会同官店镇人民政府全力展开事故营救,查明事故情况,核查死者及伤者身份,妥善处理相关善后事宜。

更多
    $('#tabsview-normal-with-drop-item').tabs({
		tabs: '.tab-item',
		contents: '.tabs-post'
	});
	$('#tabsview-normal-with-drop-item').tabs({
		tabs: '.tab-drop-item',
		contents: '.tabs-drop-box',
		evtType: 'mouseover',
		hideAll: true
	});

英文字母索引 tab 导航

绿地集团有限公司(下称“绿地集团” )地产事业部总经理李明这样向时代周报记者表示。

3月3日,时代周报记者来到武汉绿地国际金融城(下称“绿地国际” )的施工现场,在凛冽的寒风中,工地上机器轰鸣呼啸,头戴安全帽的数百名工人正在热火朝天地施工,武汉连日来的阴冷和雨雪未能阻挡施工进度,整个施工现场,已有8栋高楼拔地而起。

此时此刻,这个有“高楼情结”的地产大鳄,正在武汉创造一个“再越极颠”的完美计划—更改当前606米的绿地中心高楼设计计划,超越上海中心(632米),成为真正的中国第一高楼。

    $('#tabsview-letter-menu').tabs({
		tabs: '.tabs-item',
		contents: '.tabs-drop-box',
		hideAll: true,
		evtType: 'mouseover'
	});

普通 Tab + 自动切换

绿地集团有限公司(下称“绿地集团” )地产事业部总经理李明这样向时代周报记者表示。

3月3日,时代周报记者来到武汉绿地国际金融城(下称“绿地国际” )的施工现场,在凛冽的寒风中,工地上机器轰鸣呼啸,头戴安全帽的数百名工人正在热火朝天地施工,武汉连日来的阴冷和雨雪未能阻挡施工进度,整个施工现场,已有8栋高楼拔地而起。

此时此刻,这个有“高楼情结”的地产大鳄,正在武汉创造一个“再越极颠”的完美计划—更改当前606米的绿地中心高楼设计计划,超越上海中心(632米),成为真正的中国第一高楼。

更多

长江商报消息 本报讯(记者 蔡方良)昨日,汉口一酒店门前超长悍马越野车,令来往路人一阵阵赞叹。

据了解,该车身长10.2米,宽2.22米,高2.08米,可容纳16人同时乘坐,身价高达600万元人民币。经允许,记者进入车内亲身体验了该车的奢华:独特设计的星光车顶、左右两边及后部各有一排真皮座,车内配有传真机、无线上网电脑、冰箱、酒吧、带卡拉OK功能的DVD液晶显示屏、高级环绕音响等,内部空间可供16人开会。

更多

中新网恩施3月4日电 (姚祯发 王喜闯)3月4日上午8时许,湖北建始县司机陈仲武驾驶一辆昌河面包车,从木弓河村开往官店镇途经官门公路横梁子村4组涵洞湾时,翻下约100米高的岩坎,致6人死亡、9人受伤。

事故发生后,建始县委、县政府高度重视,该县主要领导立刻安排2名副县长带领县政府办公室、县公安局、县安监局、县交通运输局等部门负责人赶赴该县官店镇,成立了事故营救、事故调查、善后处理等多个小组,会同官店镇人民政府全力展开事故营救,查明事故情况,核查死者及伤者身份,妥善处理相关善后事宜。

更多

长江商报消息 本报讯(记者 蔡方良)昨日,汉口一酒店门前超长悍马越野车,令来往路人一阵阵赞叹。

据了解,该车身长10.2米,宽2.22米,高2.08米,可容纳16人同时乘坐,身价高达600万元人民币。经允许,记者进入车内亲身体验了该车的奢华:独特设计的星光车顶、左右两边及后部各有一排真皮座,车内配有传真机、无线上网电脑、冰箱、酒吧、带卡拉OK功能的DVD液晶显示屏、高级环绕音响等,内部空间可供16人开会。

更多
	$('#tabsview-auto-change').tabs({
		tabs: '.tab-item',
		contents: '.tabs-post',
		auto: {
			speed: 4000
		}
	});

排行榜

更多
	$('#tabsview-hover').tabs({
		tabs: 'li',
		contents: 'p',
		evtType: 'mouseover'
	});

自动切换的排行榜

更多
	$('#tabsview-hover-auto').tabs({
		tabs: 'li',
		contents: 'p',
		evtType: 'mouseover',
		auto:{
		   speed: 4000
		}
	});

Ajax Tab 导航

绿地集团有限公司(下称“绿地集团” )地产事业部总经理李明这样向时代周报记者表示。

3月3日,时代周报记者来到武汉绿地国际金融城(下称“绿地国际” )的施工现场,在凛冽的寒风中,工地上机器轰鸣呼啸,头戴安全帽的数百名工人正在热火朝天地施工,武汉连日来的阴冷和雨雪未能阻挡施工进度,整个施工现场,已有8栋高楼拔地而起。

此时此刻,这个有“高楼情结”的地产大鳄,正在武汉创造一个“再越极颠”的完美计划—更改当前606米的绿地中心高楼设计计划,超越上海中心(632米),成为真正的中国第一高楼。

更多
// 调用代码:	
$('#tabsview-ajax').tabs({
		tabs: '.tabs-item',
		contents: '.tabs-post',
		ajax: {
			dataType: 'json',
			dataPath: 'data'
		}
});	

Ajax Tab 导航 + 设置默认项

绿地集团有限公司(下称“绿地集团” )地产事业部总经理李明这样向时代周报记者表示。

3月3日,时代周报记者来到武汉绿地国际金融城(下称“绿地国际” )的施工现场,在凛冽的寒风中,工地上机器轰鸣呼啸,头戴安全帽的数百名工人正在热火朝天地施工,武汉连日来的阴冷和雨雪未能阻挡施工进度,整个施工现场,已有8栋高楼拔地而起。

此时此刻,这个有“高楼情结”的地产大鳄,正在武汉创造一个“再越极颠”的完美计划—更改当前606米的绿地中心高楼设计计划,超越上海中心(632米),成为真正的中国第一高楼。

更多
// 调用代码:	
$('#tabsview-ajax-set-default').tabs({
		tabs: '.tabs-item',
		contents: '.tabs-post',
		defaultIndex: 2,
		ajax: {
			dataType: 'json',
			dataPath: 'data'
		}
});

Ajax Tab 导航 + 自动切换

绿地集团有限公司(下称“绿地集团” )地产事业部总经理李明这样向时代周报记者表示。

3月3日,时代周报记者来到武汉绿地国际金融城(下称“绿地国际” )的施工现场,在凛冽的寒风中,工地上机器轰鸣呼啸,头戴安全帽的数百名工人正在热火朝天地施工,武汉连日来的阴冷和雨雪未能阻挡施工进度,整个施工现场,已有8栋高楼拔地而起。

此时此刻,这个有“高楼情结”的地产大鳄,正在武汉创造一个“再越极颠”的完美计划—更改当前606米的绿地中心高楼设计计划,超越上海中心(632米),成为真正的中国第一高楼。

更多
// 调用代码:	
$('#tabsview-ajax-auto').tabs({
		tabs: '.tabs-item',
		contents: '.tabs-post',
		ajax: {
			dataType: 'json',
			dataPath: 'data'
		},
		auto: {
			speed: 4000
		}
});

透明过去切换图片新闻特效

  • 1.jpg
  • 2.jpg
  • 3.jpg
  • 2.jpg
  • 4.jpg
  • 2.jpg
  • 3.jpg

汽车

汽车

汽车

汽车

汽车

汽车

汽车

// 调用代码:	
$('#tabsview-fade-imags').tabs({
		tabs: '.tabs-item',
		contents: '.tabs-post',
		fade:{
			speed: 50
		},
		auto: {
			speed: 4000
		}
});

纵向循环滚动热点图片新闻

  • 1.jpg
  • 2.jpg
  • 3.jpg
  • 1.jpg
  • 2.jpg
  • 1.jpg
  • 3.jpg

汽车

汽车

汽车

汽车

汽车

汽车

汽车

// 调用代码:	
$('#tabsview-image-h-cycle-scroll').tabs({
		tabs: '.tabs-item',
		contents: '.tabs-post',
		scroll:{
			body: '#scroll-h-cycle-image-bd'
		},
		auto: {
			speed: 4000
		}
});

文字索引导航 + 自动切换 + (纵向)循环滚动过度

汽车

兰博基尼汽车 - 1

汽车

兰博基尼汽车 - 2

汽车

跑车

汽车

兰博基尼汽车 - 1

汽车

兰博基尼汽车 - 2

汽车

跑车

汽车

SUV 越野车

// 调用代码:	
$('#tabsview-image-index-cycle').tabs({
		tabs: '.tabs-item',
		contents: '.tabs-post',
		scroll:{
			body: '#scroll-h-cycle-bd'
		},
		auto: {
			speed: 4000
		}
	});

文字索引导航 + 自动切换 + (横向)循环滚动过度

汽车

兰博基尼汽车 - 1

汽车

兰博基尼汽车 - 2

汽车

跑车

汽车

兰博基尼汽车 - 1

汽车

兰博基尼汽车 - 2

汽车

跑车

汽车

SUV 越野车

// 调用代码:	
$('#tabsview-image-index-v-cycle').tabs({
		tabs: '.tabs-item',
		contents: '.tabs-post',
		scroll:{
			body: '#scroll-v-cycle-bd'
		},
		auto: {
			speed: 4000
		}
	});

下载地址:tabsview.zip

Facebook Twitter Delicious 开心网 人人网 豆瓣网 新浪微博 网易微博 腾讯微博