JavaScript实现的原生态Tab标签页功能【兼容IE6】

前端之家收集整理的这篇文章主要介绍了JavaScript实现的原生态Tab标签页功能【兼容IE6】前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了JavaScript实现的原生态Tab标签功能分享给大家供大家参考,具体如下:

标签页是一个很常见的东西,在一些框架中也就很常见的,

但未必所有人都知道怎么写,很多人知道怎么在网上复制一份是真的,

这样不好,往往需要用大量的时间去修改网上复制下来的东西,还不如自己写一份快。

一、基本目标

创建一个如下的标签页,在IE8中与谷歌浏览器中的效果如下,几乎没有区别

谷歌浏览器:

IE8:

二、制作过程

1、首先布置好场景,在一个图层内:

图层1~图层4四个超级链接是一个图层,然后各自的图层的内容分别是各自的图层,默认是图层1的内容显示,而图层2~4则默认不显示

<Meta http-equiv="content-type" content="text/html;charset=utf-8"/>

猜你在找的JavaScript相关文章