素材首页
GIF
PNG
PSD
矢量
字体
PS样式
PS形状
PS笔刷
代码
特效
背景
模板
Flash
表情头像
站内搜索
当前位置导航：
炫浪网
>>
设计素材
>>
网页特效代码
>>
导航类
底部标签的选项卡菜单
更新时间：2009年07月07日
点击数：
<!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> <title>炫浪资源下载素材-底部标签的选项卡菜单</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <!--把下面代码加到<head>与</head>之间--> <style type="text/css"> body{padding:50px;margin:0;color:#666;font:12px arial,sans-serif;} .tabT{width:400px;padding:0;margin:0;background:#ddd url(http://www.zzsky.cn/effect/images/200812022330.jpg?http://www.xvna.com) repeat-x top;} .tab,.tab li{padding:0;margin:0;border:none} .tab{height:23px;display:block;width:400px;} .tab li{display:block;float:left;height:18px;line-height:18px;padding:2px 20px;text-align:center;cursor:pointer;} .tab li.current {display:block;color:red;background-color:#fff;border-right:1px solid red;border-left:1px solid red;border-bottom:1px solid red;padding:2px 20px;} .show,hidden{width:398px;height:100px;margin:0;border-right:1px solid red;border-bottom:0px solid red;border-left:1px solid red;border-top:1px solid red;text-align:left;} .hidden{display:none;} .show{display:block;} .con{padding:10px;} </style> <script type="text/javascript" language="javascript"> <!-- function tab(tabId, tabC){ var len =document.getElementById('getId').getElementsByTagName('li').length; for(i=1; i <= len; i++){ if ("tabId"+i==tabId){ document.getElementById(tabId).className="current"; }else{ document.getElementById("tabId"+i).className=""; } if ("tabC"+i==tabC){ document.getElementById(tabC).className="show"; }else{ document.getElementById("tabC"+i).className="hidden"; } } } //--> </script> </head> <body> <!--把下面代码加到<body>与</body>之间--> <div id="getId"> <div class="show" id="tabC1"> <div class="con">炫浪网，综合类门户网站。专业为您提供：科技，学习，图书，游戏，软件，下载，电影，电视剧，动漫，女性，时尚，社区，素材，壁纸各方面的内容.</div> </div> <div class="hidden" id="tabC2"> <div class="con">炫浪网络社区,欢迎交换友链,请先做好本站链接之后申请友链!</div> </div> <div class="hidden" id="tabC3"> <div class="con">炫浪网桌面壁纸站为你提供各类精选壁纸桌面: 写真、美女、明星、风景、动物、植物、手绘、游戏、设计、汽车、军事、节日类等高清晰大图壁纸、宽屏壁纸。</div> </div> <div class="hidden" id="tabC4"> <div class="con">炫浪网游戏频道为您提供内容包括:游戏资讯,攻略心得,秘技宝典,戏说杂谈,游戏评测,补丁,修改器,游戏存档,游戏壁纸,游戏论坛,游戏专题等...</div> </div> <div class="tabT"> <ul class="tab"> <li id="tabId1" class="current" onclick="tab('tabId1','tabC1');">炫浪首页</li> <li id="tabId2" onclick="tab('tabId2','tabC2');">炫浪社区</li> <li id="tabId3" onclick="tab('tabId3','tabC3');">桌面壁纸</li> <li id="tabId4" onclick="tab('tabId4','tabC4');">游戏频道</li> </ul> </div> </div> </body> </html>
赞助商链接
炫友推荐
紫色梦幻背景与蝴蝶花纹矢量素材
紫色时尚花纹矢量素材
500款实用网站装饰小图标png图标
244个黑色简约风格PNG小图标
时尚手绘花纹psd素材
FZCQJW－中文字体下载
渲染花朵psd分层素材
hzgb2－中文字体下载
杂七杂八的花纹矢量素材
FZCCHJW－中文字体下载
炫浪推广
【注意】炫浪网 版权所有,未经书面授权禁止模仿风格或建立镜像网站.如有违反,追究法律责任.
【声明】本网站部分内容属社区网友发布，本网站仅提供网友交流平台，但有权在本网站范围内引用、发布、
转载来自社区网友发布的内容。网友发布内容纯属个人行为，与本网站立场无关。本网站对于网友发布的
内容所引发的版权、署名权的异议及纠纷，不承担任何责任。 粤ICP备
11064832
号 公安备案编号：4453023010550
