收藏 分享(赏)

各种网页 导航栏代码.docx

上传人:scg750829 文档编号:6543608 上传时间:2019-04-16 格式:DOCX 页数:11 大小:21.20KB
下载 相关 举报
各种网页 导航栏代码.docx_第1页
第1页 / 共11页
各种网页 导航栏代码.docx_第2页
第2页 / 共11页
各种网页 导航栏代码.docx_第3页
第3页 / 共11页
各种网页 导航栏代码.docx_第4页
第4页 / 共11页
各种网页 导航栏代码.docx_第5页
第5页 / 共11页
点击查看更多>>
资源描述

1、http:/body font-size:12px;font-family:宋体ul.TabBarLevel1list-style:none;margin:0;padding:0;height:29px;background-image:url(http:/ lifloat:left;padding:0;height:29px;margin-right:1px;background:url(http:/ left top no-repeat;ul.TabBarLevel1 li adisplay:block;line-height:29px;padding:0 20px;color:#333;

2、background:url(http:/ right top no-repeat;white-space: nowrap;ul.TabBarLevel1 li.Selectedbackground:url(http:/ left top no-repeat;ul.TabBarLevel1 li.Selected abackground:url(http:/ right top no-repeat;ul.TabBarLevel1 li a:link,ul.TabBarLevel1 li a:visitedcolor:#333;ul.TabBarLevel1 li a:hover,ul.TabB

3、arLevel1 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

4、;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;i1 2 下一页 function copypageurltitle()var clipBoardContent=; clipBoardContent =document.title;clipBoardC

5、ontent+=rn;clipBoardContent+=document.location;window.clipboardData.setData(“Text“,clipBoardContent);alert(“标题和网址已经拷贝,请发给你 QQ/Msn 或者可以粘贴到论坛上和您的好友一起分享 _ “);复制本页网址和标题,发送给你 QQ/Msn 的好友一起分享一种不错的网页导航栏原代码 网页特效 相关文章:网页设计制作试题及参考答案五个反弹后门的源代码 QQ 空间非主流漂浮物代码 10 款QQ 空间超炫彩色字导航代码新仙剑奇侠传 物品代码及金钱、人物属性、仙术修改圣安地列斯作弊代码码中英

6、对照 显示日期和时间_QQ 空间时间代码QQ 空间自动刷留言板代码一种不错的网页导航栏原代码 网页特效 相关软件凯立德手机导航软件 WindowMobile 0909 17B1ZF4 官方正式版 CSS 视频教程 顶级网页设计师的必修 曹鹏老师作品交错的视线 中文硬盘版星光网页自动刷新器 1.0佳易网页王 V4.1酒店宾馆饭店网站后台源代码网页模板 1.00代码之美 (精选中文版 PDF 格式)精美网页制作工具 Frontpage2000上一篇:一种利用网页框架设计的下拉菜单下一篇:效果直逼 flash 的 css+div+js 菜单特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自

7、由转载,但请务必注明出处和原始作者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源:http:/精品推荐相关分类Html FrontPage 经验技巧 Css 网页特效 DreamWeaver 源码精华 XML 热点 TOP10很全的可爱的时钟代码图 JS 实现的一种网页下拉菜单网页特效 很好的文字公告栏特效代码 如何设计网页小广告(banner)多图 带关闭功能的网页漂浮广告特效代码展示 类似于 Flash 制作的一个图片展示效果 网页特效 多图左右两边浮动广告特效代码 如何设计网

8、页横幅多图 最简单的获取星期与日期的 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;pad

9、ding: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#Beaut

10、ifulFoot h2color:white;margin:0; font-size:14px;padding:20px 10px;/*圆角*/div.RoundedCornerbackground: #3DA2B6b.rtop, b.rbottomdisplay:block;background: #FFFb.rtop b, b.rbottom bdisplay:block;height: 1px;overflow: hidden; background: #3DA2B6b.r1margin: 0 5pxb.r2margin: 0 3pxb.r3margin: 0 2pxb.rtop b.r

11、4, b.rbottom b.r4margin: 0 1px;height: 2pxTHE BEAUTIFUL LISTHomeBlogPhotosAboutContact MeWelcome to PureDays.CNCSS 制作横向滑动效果导航栏 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: #c8d

12、ef7; 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; fon

13、t-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:hoverba

14、ckground-color:#9999ff;color:#FFFFFF在网页相应位置的 body 与 body 输入如下代码:首页电子相册个人简介与我联系心情日记友情链接http:/ 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 5px;text-decoration: none;color:#fff;border:1px solid #f60;#nav li a:hover color:#ff0;border:1px solid #fff;#nav li a#current color:#c00;border:1px solid #fff;background:#fff;http:/ 首页Div+CSS 教程CSS 布局实例CSS2.0 教程CSS 酷站欣赏291911320

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 网络科技 > 开发文档

本站链接:文库   一言   我酷   合作


客服QQ:2549714901微博号:道客多多官方知乎号:道客多多

经营许可证编号: 粤ICP备2021046453号世界地图

道客多多©版权所有2020-2025营业执照举报