tab红色的圆角滑动门切换代码



102 406 136



特效描述:圆角滑动门切换 滑动门切换,tab vista红色圆角tab支持单页面多个滑动门技术代码,滑动门切换。

代码结构

1. HTML代码

<script type="text/javascript">
function showtabs(m,n,count){
	for(var i=1;i<=count;i++){
		if (i==n){
			getObject('menutab_'+m+'_'+i).style.display='';
			getObject('menu_'+m+'_'+i).className='menub1_1';
		} else {
			getObject('menutab_'+m+'_'+i).style.display='none';
			getObject('menu_'+m+'_'+i).className='menub1_2';}
		}
	}
	function getObject(objectId) {
		if(document.getElementById && document.getElementById(objectId)){
			return document.getElementById(objectId);
		} else if (document.all && document.all(objectId)) {
			return document.all(objectId);
		} else if (document.layers && document.layers[objectId]) {
			return document.layers[objectId];
		} else {
		return false;
	}
}
</script>
<table style="margin:20px auto;" cellspacing="0" cellpadding="0" width="930" bgcolor="#f6f6f6" border="0">
	<tbody>
		<tr>
			<td style="border-top:#fff 1px solid;background:url(1501.gif) repeat-x 0px 100%" valign="bottom" align="left">
				<div class="menub1_1" id="menu_1_1" onmouseover="showtabs(1,1,5);">第九站长</div>
				<div class="menub1_2" id="menu_1_2" onmouseover="showtabs(1,2,5);">网络营销</div>
				<div class="menub1_2" id="menu_1_3" onmouseover="showtabs(1,3,5);">网页特效</div>
				<div class="menub1_2" id="menu_1_4" onmouseover="showtabs(1,4,5);">网页代码</div>
				<div class="menub1_2" id="menu_1_5" onmouseover="showtabs(1,5,5);">电子商务</div>
			</td>
		</tr>
		<tr>
			<td colspan="2">
				<table cellspacing="0" cellpadding="0" width="100%" bgcolor="#ffffff" border="0">
					<tbody>
						<tr>
							<td align="middle">
							<div class="menugtab" id="menutab_1_1"><a href="/" target="_blank">第九站长-中小企业网络营销专家</a></div>
							<div class="menugtab" id="menutab_1_2" style="display: none"><a href="/" target="_blank">第九站长-网络营销教程</a></div>
							<div class="menugtab" id="menutab_1_3" style="display: none"><a href="/" target="_blank">第九站长-网站特效代码下载</a></div>
							<div class="menugtab" id="menutab_1_4" style="display: none"><a href="/" target="_blank">第九站长-中小企业网络营销专家</a></div>
							<div class="menugtab" id="menutab_1_5" style="display: none"><a href="/" target="_blank">第九站长-中小企业网络营销专家</a></div>    
							</td>
						</tr>
					</tbody>
				</table>
			</td>
		</tr>
	</tbody>
</table>
<table style="margin:20px auto;" cellspacing="0" cellpadding="0" width="930" bgcolor="#f6f6f6" border="0">
	<tbody>
		<tr>
			<td style="border-top:#fff 1px solid;background:url(1501.gif) repeat-x 0px 100%" valign="bottom" align="left">
				<div class="menub1_1" id="menu_2_1" onmouseover="showtabs(2,1,5);">第九站长</div>
				<div class="menub1_2" id="menu_2_2" onmouseover="showtabs(2,2,5);">博客营销</div>
				<div class="menub1_2" id="menu_2_3" onmouseover="showtabs(2,3,5);">网页特效</div>
				<div class="menub1_2" id="menu_2_4" onmouseover="showtabs(2,4,5);">搜索引擎</div>
				<div class="menub1_2" id="menu_2_5" onmouseover="showtabs(2,5,5);">图片处理</div>
			</td>
		</tr>
		<tr>
			<td colspan="2">
				<table cellspacing="0" cellpadding="0" width="100%" bgcolor="#ffffff" border="0">
					<tbody>
						<tr>
							<td align="middle">
							<div class="menugtab" id="menutab_2_1"><a href="/" target="_blank">第九站长-中小企业网络营销专家</a></div>
							<div class="menugtab" id="menutab_2_2" style="display: none"><a href="/" target="_blank">第九站长-网络营销教程</a></div>
							<div class="menugtab" id="menutab_2_3" style="display: none"><a href="/" target="_blank">第九站长-网站特效代码下载</a></div>
							<div class="menugtab" id="menutab_2_4" style="display: none"><a href="/" target="_blank">第九站长-中小企业网络营销专家</a></div>
							<div class="menugtab" id="menutab_2_5" style="display: none"><a href="/" target="_blank">第九站长-中小企业网络营销专家</a></div>
							</td>
						</tr>
					</tbody>
				</table>
			</td>
		</tr>
	</tbody>
</table>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 滑动 滑块 滑动门 触屏滑动 滑动插件 滑块插件 滚动切换 滚动条切换 滑动选项卡 滑动切换 选项卡切换 选项卡 切换 tab切换 页面切换 选项卡插件 切换插件 滑动手风琴 滑动选项卡 滑动切换 背景切换 大图切换 选项卡自动切换

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到