一个专注 ASP 和 PHP 源码制作开发的资深程序员,擅长使用 ACCESS、MSSQL、MYSQL 数据库,能够为中小企业提供精准而快捷的一站式服务。 咨询电话:400 023 0556

分类:建站技巧 日期:2015-08-24 阅读:26184

从事网络建站十几年,一直都是用真实链接来展示网页,不太喜欢用TAB切换的方式来展示、虽然TAB切换表面看是要方便一些,直接点一下就显示出来了,如果用真实链接的话,还需要重新加载网页。但是,用TAB切换会让首页打开更慢一些,因为TAB切换所隐藏的内容其实访问首页的时候已经加载了,这就让访客加载了可能不需要访问的页面内容了。

但是,最近有很多需要TAB切换的方式来展示网页的站长找我,想要我帮忙编程一下,于是我在网上找了一下,发现大部分代码过于复杂,而且不够美观大气,于是花了几个小时的时间写了一个完整版的TAB切换代码,现在免费发布,需要的站长朋友随便拿去用。

<HTML><HEAD>

<META CHARSET=GB2312>

<TITLE>TAB 切换代码</TITLE>

<LINK REL=STYLESHEET HREF=//www.zwid.com/cangku/style.css>

<STYLE>.DYBK{DISPLAY:BLOCK}DYNE{DISPLAY:NONE}</STYLE>

</HEAD><BODY>

<TABLE WIDTH=600 CELLPADDING=0 CLASS=全局居中><TR>

<TD><BUTTON CLASS="黑色背景 B20 白色字体">按钮①号</BUTTON></TD>
<TD><BUTTON CLASS="灰色背景 B20 白色字体">按钮②号</BUTTON></TD>
<TD><BUTTON CLASS="灰色背景 B20 白色字体">按钮③号</BUTTON></TD>
<TD><BUTTON CLASS="灰色背景 B20 白色字体">按钮④号</BUTTON></TD>
<TD><BUTTON CLASS="灰色背景 B20 白色字体">按钮⑤号</BUTTON></TD>

</TR><TR HEIGHT=200 ALIGN=CENTER>

<TD CLASS="H05 Y05" COLSPAN=5>

<DYNE CLASS=DYBK>内容①号</DYNE>
<DYNE>内容②号</DYNE>
<DYNE>内容③号</DYNE>
<DYNE>内容④号</DYNE>
<DYNE>内容⑤号</DYNE>

</TD></TR></TABLE>

<SCRIPT>var buttonList=document.getElementsByTagName("BUTTON");
var divList=document.getElementsByTagName("DYNE");
for(var i=0;i<buttonList.length;i++)
{buttonList[i].index=i;buttonList[i].onclick=function()
{for(var j=0;j<buttonList.length;j++)
{buttonList[j].className="灰色背景 B20 白色字体";
divList[j].className=""}this.className="黑色背景 B20 白色字体";
divList[this.index].className="DYBK";}}</SCRIPT>

</BODY></HTML>

本文《分享一个简单大气的TAB切换代码》由专业从事企业网站建设网站排名优化的紫薇网络于2015年08月24日所收集或撰写。如果您觉得本文不错,请向您身边的朋友推荐和介绍;倘若本文有不足之处或对您有所侵犯,请来信通知我们!另外,如果您的企业或网站需要做网站关键词优化请与我们取得联系,紫薇网络将以最合理的价格、最快捷的速度、最安全的方法为您优化出最满意的效果!转载请保留此说明,谢谢合作!

爱极互联是国内著名的虚拟主机和域名注册提供商,独创的第六代虚拟主机管理系统,拥有在线数据恢复、智能安全自定义,木马查杀等三十余项功能,千兆硬件防火墙,为您…
爱极互联 https://www.iGidc.com 2024-03-28 16:41:35
随机推荐
留言告诉我们您的需求
TELL ZWID.COM WHAT YOU NEED
网站信息新闻动态 关于紫薇在线客服
2001.11.20 - 2031.11.20
站长、管理员:黄万友
2001-2024 © www.zwid.com
公安备案:500 1900 250 2400
渝ICP备2022009200号-10
官方信息丨软文推广
建站技巧丨优化知识
域名资讯丨主机介绍
经验分享丨原创日志
网络传情丨默认分类
紫薇简介丨发展历程
业务范围丨支付方式
合作协议丨用户手册
版权声明丨备案域名
联系地址丨电子邮箱
客服小雨:80028618
客服静静:80028511
售后琳琳:80028001
技术仁义:80028002
技术仁杰:80028003
特别申明:本站源码由紫薇网络自主研发,未经允许,禁止抄袭、复制,如有侵权请联系客服删除。网站已安全运行 22 年 3 月 28 天,共计:705,397,940 秒!