最新一直在用xhtml+css写web前段代码,基本上主菜单部分都会用到切换效果。如果主菜单有6个,那么对应有6个内容。按照代码
<div class="Menubox">
<ul>
<li id="one1" onmouseover="setTab('one',1,4)" class="hover">菜单1</li>
<li id="one2" onmouseover="setTab('one',2,4)" >菜单2</li>
<li id="one3" onmouseover="setTab('one',3,4)">菜单3</li>
<li id="one4" onmouseover="setTab('one',4,4)">菜单4</li>
<li id="one5" onmouseover="setTab('one',3,4)">菜单5</li>
<li id="one6" onmouseover="setTab('one',4,4)">菜单6</li>
</ul>
</div>
<div class="Contentbox">
<div id="con_one_1" class="hover">内容1</div>
<div id="con_one_2" style="display:none">内容2</div>
<div id="con_one_3" style="display:none">内容3</div>
<div id="con_one_4" style="display:none">内容4</div>
<div id="con_one_5" style="display:none">内容5</div>
<div id="con_one_6" style="display:none">内容6</div>
</div>
的写法,那么对应的6个内容都得写在一个页面上,这样这个页面就很冗长,也不好管理。有什么办法可以把这6个内容写在一个包含文件里,在主页面只需要调用这个包含文件即可。
不知道我这么说,大家是否明白?
[ 本帖最后由 mazida 于 2008-8-21 17:47 编辑 ]