要实现这个功能关键是要理解块的display属性。一个块的display属性设为none，就相当于这个块不存在。所以将要显示的多个块的display属性设为none,再根据需要将要显示的块的display属性设为block就可以做出标签页效果了。
（1） 建标签题以及各标签题所对应的显示内容：
<span id="span1">标签页一</span><span id="span2">标签页二</span><span id="span3">标签页三</span>
<div id="div1">块一</div><div id="div2">块二</div><div id="div3">块三</div>
（2） 设置标各<span>和<div>的显示方式：主要将div1的display属性设为block，div2和div3的display属性设为none。即默认显示div1。
（3） 让span的onmousemove显示各自的标签块。如：<span id="span1" onmousemove="showdiv(0)"> <span id="span2" onmousemove="showdiv(1)"> <span id="span3" onmousemove="showdiv(2)">
（4） 用javascript实现showdiv(i)函数：
首先建立两个数组，保存span和div的id名称（不是必须这样实现，但这样很简单。。。。。）。
var spans=new Array(3);var divs=new Array(3);
spans[0]="span1";spans[1]="span2";spans[2]="span3";
divs[0]="div1";divs[1]="div2";divs[2]="div3";
接着用一个for循环将三个div块的display属性设为none，同时将span的背景色设为默认的背景色,这是为下一步突出显示所选 的标签页准备的;
for(var j=0;j<3;j++){
document.getElementById(spans[j]).style.backgroundColor="#E95504";
document.getElementById(divs[j]).style.display="none";
}
最后将对应的div块的display属性设为block，对应的span突出显示：
document.getElementById(spans[i]).style.backgroundColor="#dddddd";（i为传入参数，标识鼠标所在的标签）
document.getElementById(divs[i]).style.display="block";
（5）具体实现如下：
<html>
<head>
<title></title>
<style>
#span1{
display: block;width: 80px;text-align: center;height: 15px;float: left;background-color :#dddddd; margin-left : 5
