jQuery.lixtabs.js,是一个制作tab选项卡切换效果的简单jquery 插件。 可以在一个网页中同时实现N个选项卡切换效果(参考网易首页或本页)
适用于本来已经使用了jquery的项目
代码极其精简,调用极其简单
切换的时候有一些jQuery自带的特效,例如:show,fadeIn,slideDown
总代码量不到2KB
如果你没有使用jquery,却想要实现本页的效果,建议你使用纯javascript版本的类:LixTabs
保存本网页即可获得实例源文件
jquery.lixtabs.js源码直接下载

jQuery.lixtabs.js,是一个jquery TAB切换类,作者脚儿网

LixTabs:实现一个普通的tab选项卡切换效果,不自动,鼠标指向tab选项卡触发

调用代码:$('#tabLite').Xtabs({hdcn:'tablite',hdtagcur:'now',bdcn:'tabcon',auto:3000})

城市指数名牌指数网上百货
城市名牌网络购物

实现一个仿163的tab切换效果,不过是自动的

LixTabs代码:$('#blog').Xtabs({hdcn:'tab-hd',hdtagcur:'current',bdcn:'tab-bd',bdtagcur:'current',auto:4000});

博客 草根 读图 活动

用Lixtabs做一个图片切换效果

$('#f_div').Xtabs({hdcn:'buttonDiv',hdtagcur:'on',bdcn:'imgDiv',bdtagcur:'now',auto:3000});


带标题的图片切换效果

1新闻标题一个1

2新闻标题一个2

3新闻标题一个3


以下两个是批量实现的实例。凡是能批量实现的元素都有一个相同点(比如一个共同的className)

LixTabs代码:
		
	$('div.as').Xtabs({hdcn:'sn',hdtagcur:'now',bdcn:'imgs',bdtagcur:'cur'});
		

1新闻标题一个1

2新闻标题一个2

3新闻标题一个3

4新闻标题一个4

1新闻标题一个1

2新闻标题一个2

3新闻标题一个3


版权所有:脚儿网