js选项卡（Tabs）

来源：互联网发布：围棋软件排名编辑：程序博客网时间：2024/05/12 08:27

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">*{border:0;padding:0;margin:0;}ul{width:400px;height:30px;background-color:#CCCCCC;margin:0;}ul li{display:block;list-style:none;float:left;height:30px;line-height:30px;width:80px;}ul li.liItem{background-color:#996666;color:#FFFFFF;}ul li.liItem_{background-color:#CCCCCC;color:#000000;}.tabItem{width:400px; height:200px; background-color:#996666;}.tabItem_{width:400px; height:200px; background-color:#996666;display:none;}</style></head><body><div id="tabsControl"><ul><li class="liItem" onmouseover="over(event);">aaa</li><li onmouseover="over(event);">bbb</li><li onmouseover="over(event);">ccc</li></ul><div class="tabItem">aaaa</div><div class="tabItem_">bbbb</div><div class="tabItem_">cccc</div></div></body></html><mce:script type="text/javascript"></mce:script>