<strong>实现的效果</strong>： <br><img src="http://files.jb51.net/file_images/article/201304/201343151725318.png?201333151758" alt="JS实现标签页效果(配合css)_javascript技巧" ><br>如上图所示为制作的标签页，我们想要实现的效果是当鼠标移到某一个标签的时候，在下面的内容区显示对应的内容，并且相应标签的颜色需要改变，如图中所示当前鼠标的位置在“标签1”上，则内容区域显示的内容为“我是内容1”，并且“标签1”的颜色要比“标签2”和“标签3”深一些，同样鼠标移到“标签2”和“标签3”的时候显示“我是内容2”和“我是内容3”。这样的效果是CSS和JS配合实现的。下面我们就来看看具体代码：<br><br><strong>首先来看HTML代码</strong>： <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="38251" class="copybut" id="copybut38251" onclick="doCopy('code38251')"><u>复制代码</u></a></span> 代码如下:</div> <div class="codebody" id="code38251"> <br> <br> <br> <br><meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <br><title></title> </div>
