摘要：
代码简介：仿腾讯QQ风格一样的下拉菜单，可以伸缩和展开，点击鼠标可以控制，这种菜单大部分人都很喜欢，因为结构清淅，不占用网页布局过多的空间，基于DIV+CSS，符合WEB标准，真的很不错哦！代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="www.w3.org/1999/xhtml"><head 阅读全文
摘要：
代码简介：很不错的一款蓝色风格经典的CSS导航菜单，只不过用到了几张背景图片，好像这些图片可以合并起来用，有兴趣用的朋友可以适当优化一下，从外观上来看，这款菜单还是非常好看的。代码内容：<!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">& 阅读全文
摘要：
代码简介：一个半透明的水平排行的导航菜单，支持二级下拉，蓝色风格，鼠标放上带有动画展开的效果，很不错，很漂亮。不过有点不爽的地方就是代码比较乱，而且用了JS去输出菜单，这样修改起来比较不方便，有时间的可以好好优化一下。代码内容：<!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/ 阅读全文
摘要：
代码简介：仿新浪网的一款黑色背景的网站导航菜单，采用DL、DL表格布局的风格，也可借机研究一下DD、DL是如何使用的，个人建议，最好是将DD、DL换为LI结构，这样更习惯一些，更多人会很容易接受。代码内容：<!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& 阅读全文
摘要：
代码简介：不知道能给它起个什么名字，就叫做“爆炸式菜单”吧，因为它的效果很像是爆炸开了，鼠标点击后会以一个五角星为基准单元依次展开，可以有多次，像链式表一样。代码内容：<html><head><title>红色小方块单击爆炸式展开的菜单代码_网页代码站(www.webdm.cn)</title></head><body><style type="text/css">.dot { position: absolute; width: 6; height: 6; visibility: hidd 阅读全文
摘要：
代码简介：浮动的导航菜单，实际上它是一个用JS去控制移动的DIV层，在层里放入表格，这里的表格你完全可以改成DIV结构。本菜单可随滚动条自动定位至原始位置，初始位置在JS代码里可修改。代码内容：<HTML><head><title>JavaScript浮动的导航菜单代码_网页代码站(www.webdm.cn)</title></head><body><script>if (!document.layers)document.write('<div id="divStayTopLeft&q 阅读全文
摘要：
代码简介：鼠标放到菜单上，菜单前边的小图片会闪烁，其实不神秘，主要是用CSS定义a:hover，引入一个可以闪烁的小图标，这样当鼠标放上的时候，更换了原有的小图标，看上去是在闪烁。代码内容：<html><head><title>鼠标停留在菜单上会闪烁的导航菜单代码_网页代码站(www.webdm.cn)</title><style>.channel { width:350px; margin:12px 0px 0px 175px; height:30px; line-height:30px; text-align:center; }. 阅读全文
摘要：
代码简介：一款悬浮在网页顶部的工具条代码，实际上是一个嵌套进DIV的层窗口，在此窗口内你可以自由布局，或是一行文字，或是几个按钮，你还可以添加一个“关闭”功能，在很多网站我们都可以看到类似效果。代码内容：<html><head><title>停在网页顶部可关闭的工具条代码_网页代码站(www.webdm.cn)</title><style type="text/css"><!--body { margin: 0px;padding: 0px;text-align: center;}TD {FONT-SIZE: 阅读全文