各种网页 导航栏代码.docx

body font-size:12px;font-family:宋体ul.TabBarLevel1list-style:none;margin:0;padding:0;height:29px;background-image:url(/2k5/sys/component/tabbar_level1_bk.gif);ul.TabBarLevel1 lifloat:left;padding:0;height:29px;margin-right:1px;background:url(/2k5/sys/component/tabbar_level1_slice_left_bk.gif) left top no-repeat;ul.TabBarLevel1 li adisplay:block;line-height:29px;padding:0 20px;color:#333;background:url(/2k5/sys/component/tabbar_level1_slice_right_bk.gif) right top no-repeat;white-space: nowrap;ul.TabBarLevel1 li.Selectedbackground:url(/2k5/sys/component/tabbar_level1_slice_selected_left_bk.gif) left top no-repeat;ul.TabBarLevel1 li.Selected abackground:url(/2k5/sys/component/tabbar_level1_slice_selected_right_bk.gif) right top no-repeat;ul.TabBarLevel1 li a:link,ul.TabBarLevel1 li a:visitedcolor:#333;ul.TabBarLevel1 li a:hover,ul.TabBarLevel1 li a:activecolor:#F30;text-decoration:none;ul.TabBarLevel1 li.Selected a:link,ul.TabBarLevel1 li.Selected a:visitedcolor:#000;ul.TabBarLevel1 li.Selected a:hover,ul.TabBarLevel1 li.Selected a:activecolor:#F30;text-decoration:none;div.HackBox padding : 2px 2px ; border-left: 2px solid #6697CD; border-right: 2px solid #6697CD; border-bottom: 2px solid #6697CD;宝贝详情其他信息出价记录留言簿XXXXXXXX/Switch Tab Effectfunction switchTab(tabpage,tabid) var oItem = document.getElementById(tabpage); for(var i=0;ioItem.children.length;i+)var x = oItem.children(i);x.className = ;var y = x.getElementsByTagName(a);y0.style.color=#333333;document.getElementById(tabid).className = Selected; 1 2 下一页 function copypageurltitle() var clipBoardContent=; clipBoardContent =document.title; clipBoardContent+=rn; clipBoardContent+=document.location; window.clipboardData.setData(Text,clipBoardContent); alert(标题和网址已经拷贝，请发给你QQ/Msn或者可以粘贴到论坛上和您的好友一起分享 _ ); 复制本页网址和标题，发送给你QQ/Msn的好友一起分享 一种不错的网页导航栏原代码网页特效 相关文章： 网页设计制作试题及参考答案 五个反弹后门的源代码 QQ空间非主流漂浮物代码10款 QQ空间超炫彩色字导航代码 新仙剑奇侠传 物品代码及金钱、人物属性、仙术修改 圣安地列斯作弊代码码中英对照 显示日期和时间_QQ空间时间代码 QQ空间自动刷留言板代码 一种不错的网页导航栏原代码网页特效 相关软件 凯立德手机导航软件 WindowMobile 0909 17B1ZF4 官方正式版 CSS 视频教程 顶级网页设计师的必修 曹鹏老师作品 交错的视线中文硬盘版 星光网页自动刷新器 1.0 佳易网页王 V4.1 酒店宾馆饭店网站后台源代码网页模板 1.00 代码之美 (精选中文版PDF格式) 精美网页制作工具Frontpage2000 上一篇:一种利用网页框架设计的下拉菜单 下一篇:效果直逼flash的css+div+js菜单 特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源： 精品推荐相关分类 Html FrontPage 经验技巧 Css 网页特效 DreamWeaver 源码精华 XML 热点TOP10 很全的可爱的时钟代码图 JS实现的一种网页下拉菜单网页特效 很好的文字公告栏特效代码 如何设计网页小广告(banner)多图 带关闭功能的网页漂浮广告特效代码展示 类似于Flash制作的一个图片展示效果网页特效多图 左右两边浮动广告特效代码 如何设计网页横幅多图 最简单的获取星期与日期的JS 循环不间断向上滚动的文本特效代码 特别推荐 网页设计绘制需小心的10个技巧 怎么用CSS将图片显示成圆角图 鼠标单击连接在网页中弹出个性提示小窗口 | 帮助(？) | 版权声明 | 友情连接 | 信息发布 Copyright 2003-2007 网侠 All Rights Reserved. THE BEAUTIFUL LIST div#BeautifulListwidth:300px;margin:20px;font-family: Verdana; #BeautifulList adisplay:block;color:#BBE1E7;padding:10px 15px;background-color:#3DA2B6;border-bottom:dotted 1px #A8D3DA;font-size:12px;text-decoration:none; #BeautifulList a:hovercolor:#fff;background-color:#58AFC0; font-weight:bold; #BeautifulList h1margin:0;font-weight:normal;color:#fff;padding:15px;font-size:14px;background-color:#238298 #BeautifulFoot h2color:white;margin:0; font-size:14px;padding:20px 10px; /*圆角*/ div.RoundedCornerbackground: #3DA2B6 b.rtop, b.rbottomdisplay:block;background: #FFF b.rtop b, b.rbottom bdisplay:block;height: 1px;overflow: hidden; background: #3DA2B6 b.r1margin: 0 5px b.r2margin: 0 3px b.r3margin: 0 2px b.rtop b.r4, b.rbottom b.r4margin: 0 1px;height: 2px THE BEAUTIFUL LIST Home Blog Photos About Contact Me !- - Welcome to PureDays.CN CSS制作横向滑动效果导航栏 CSS导航条代码默认分类 2010-05-21 08:57:26 阅读1294 评论0 字号：大中小 订阅 打开html文档,在head与head之间输入以下代码:body font-size:12px; color: #c8def7, font-family:宋体p font-size:12px; color: #c8def7; font-family:宋体 table font-size:12px; color: #c8def7; font-family:宋体tr font-size:12px; color: #c8def7; font-family:宋体td font-size:12px; color: #c8def7; font-family:宋体A:link font-size:12px; color: #c8def7; font-family:宋体 text-decoration: noneA:visited font-size:12px; color: #c8def7; font-family:宋体 text-decoration: noneA:hover font-size:12px; color: #c8def7; font-family:宋体 text-decoration: none#n lifloat:left;#n li acolor:#FFFFFF;text-decoration:none;padding-top:4px;display:block;width:65px;height:20px;text-align:center;background-color:#6600cc;margin:-leftr:2px;#n li a:hoverbackground-color:#9999ff;color:#FFFFFF在网页相应位置的body与body输入如下代码:首页电子相册个人简介与我联系心情日记友情链接/hiqqjt* font-size:12px; text-align:center;body background:#f0f0f0;#nav width:700px; margin:20px auto 0 auto; background:#f60; padding:8px 12px;#nav li display: inline; list-style-type: none;#nav li a:link,#nav li a:visited float:left; margin-right:8px; padding:2px 5