YAOHAIXIAO.COM

Focus on front end technoloy

YTabs!Zebra Table (隔行换色)& 标签导航程序演示Demo

新评速递

最新点评

餐后点评

精华点评

最新攻略

程序简介

YTabs!Zebra Table (隔行换色)& 标签导航,我自己编写一个Zebra方法。可以一次对多个元素进行隔行换色和鼠标经过变色的处理。调用简单,样式和JS分离,修改颜色时,只需要修改CSS就好。我也建议大家在编写Javascript程序的时候,将CSS和Javascript分离,这样更容易维护。

调用方法

第一步:在页面中调用ytabs.js文件,例如:

<script type="text/javascript" src="js/ytabs.js"></script>

第二步:编写调用代码:

YAO.YTabs({
		tabRoot: 'YCmt',
		tabs: 'h4',
		contents: YAO.getElByClassName('bd', 'div', 'YCmt'),
		defaultIndex: 1,
		evt: 'click'
});
YAO.Zebra({root:'YCmt', row: 'li'});
	

程序代码

版权所有 © 2008-2010 yaohaixiao.com, 保留一切权利。    ICP备案:鄂ICP备08000339号