Readers: 1602 | Updated: 07-16

[JS+CSS]一个漂亮的JavaScript和CSS制作的二级导航栏

Translate Into:
今天要介绍的是一个用JavaScript和CSS制作的二级导航栏,不久之前我把它用来作为一个项目的导航栏,现在拿出来和大家分享。

先看看这个导航栏的外观表现截图:
点击在新窗口中浏览此图片

用法及注意事项:

1.以上效果用到的JS代码(可以单独作为JS文件引入,也可以直接加载到页面中)
............

Tags - , ,



From The Blogs

Internet Observation

2007
CSS按钮的图片替换
根据Mike Rundle 与Seamus P. H. Leahy的css图片替换的扩展技术和WebDesign-L mailing list中发布的一个帖子,我发掘了一个提交按钮和按钮标签的图片替换... 查看全文

Internet Observation

2007
CSS图像弹出
我在www.stunicholls.myby.co.uk站点上发现了这个效果,我在我的一个房地产网站上也使用过这样的功能。该功能即为弹出图像,和你曾经看到过的使用JavaScript制作出的mouse... 查看全文

Internet Observation

2007
Cssclip: CSS web design sharing website
Cssclip is an online platform to share and exchange excellent CSS web design. There are plenty of excellent web design works here, you can rate and comment on it,  or upload your favourite CSS design ... 查看全文

Internet Observation

2007
CSS创建超酷按钮
现在我们可以用CSS帮你制作任何提交按钮,可以任意选择按钮的背景颜色,边框,和字体。那天我在编写一个程序,想在其中插入一个表格。这时我发现了Stylegala,那里的表格提交按钮都很酷。就像下面图里显... 查看全文

Internet Observation

2007
CSS缩放
预览: http://www.deltatangobravo.com/images/zoom/代码:text-small.cssbody, div { font-size:    x-small; v... 查看全文

Internet Observation

2007
CSS制表符
代码:    body { margin:0; padding:0; font: bold 11px/1.5em Verdana;}h2 { font: bold 14px Verdana, Aria... 查看全文

Internet Observation

2007
用CSS显示百分比
在Amigo,我们看到了百分比条(percentage bar)!该图片就是Jason创作的: 为了将这部分的设计变得更灵动一点,我发现了两个选项; “聪明的”CSS或是“多图像”(Lots of I... 查看全文

Internet Observation

2007
是否在新窗口中打开链接由用户决定
很多网虫都期望off-site链接(链接到其他站点)可以在一个新的窗口中打开。很多时候,桌面上会开着很多窗口,所以网虫开始使用更棒的浏览器。这些浏览器会有更多的选项,让用户掌握主控权。与此同时,W3C... 查看全文

Internet Observation

2007
为PDF, ZIP, DOC 链接添加标签
Garret Dimon写了篇关于为什么.PDF链接要加上标注的文章,当然在刚刚开始建立或再设计网站的时候,加上这些标注并不是件难事,但如果要在现有的(大型的)网站上添加“pdfLink”属性的话,就... 查看全文

Internet Observation

2007
基于CSS的导航
预览: http://www.nundroo.com/navigation/代码: