素材首页
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;} #getId{width:400px;} .tabT{width:100px;float:left;padding:0;margin:0px;background:url(http://d2.xvna.com/sc/scimg/200812022330.jpg?http://www.xvna.com) repeat-y right;height:400px;} .tab,.tab li{padding:0;margin:0;border:none} .tab{height:23px;display:block;} .tab li{display:block;height:18px;line-height:18px;padding:10px 2px;text-align:center;cursor:pointer;} .tab li.current{display:block;color:red;background-color:#fff;border-right:0px solid red;border-left:1px solid red;border-top:1px solid red;border-bottom:1px solid red;padding:10px 2px;} .show,hidden{float:left;width:299px;margin-top:0px;border-style:solid;border-width:1px 1px 1px 0px;border-color:red;text-align:left;height:400px;} .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="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 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"> 炫浪素材站专业提供各类设计素材,内容包括:特效,代码,图片,素材,矢量,Flash,图标,字体,样式,动画,网页PSD模板,笔刷,背景,头像,网站模板等...</div> </div> </div> </body> </html>
赞助商链接
炫友推荐
紫色梦幻背景与蝴蝶花纹矢量素材
紫色时尚花纹矢量素材
500款实用网站装饰小图标png图标
244个黑色简约风格PNG小图标
时尚手绘花纹psd素材
FZCQJW－中文字体下载
渲染花朵psd分层素材
hzgb2－中文字体下载
杂七杂八的花纹矢量素材
FZCCHJW－中文字体下载
炫浪推广
【注意】炫浪网 版权所有,未经书面授权禁止模仿风格或建立镜像网站.如有违反,追究法律责任.
【声明】本网站部分内容属社区网友发布，本网站仅提供网友交流平台，但有权在本网站范围内引用、发布、
转载来自社区网友发布的内容。网友发布内容纯属个人行为，与本网站立场无关。本网站对于网友发布的
内容所引发的版权、署名权的异议及纠纷，不承担任何责任。 粤ICP备
11064832
号 公安备案编号：4453023010550
