随笔分类 -  菜单导航特效代码

上一页 1 ··· 6 7 8 9 10 11 12 13 14 ··· 17 下一页
各类菜单导航特效代码。
很漂亮的蓝色经典CSS导航菜单代码
摘要：代码简介：很不错的一款蓝色风格经典的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">& 阅读全文
posted @ 2011-04-06 09:57 网页代码站 阅读(1442) 评论(0) 推荐(0)
很漂亮的蓝色半透明水平下拉导航代码
摘要：代码简介：一个半透明的水平排行的导航菜单，支持二级下拉，蓝色风格，鼠标放上带有动画展开的效果，很不错，很漂亮。不过有点不爽的地方就是代码比较乱，而且用了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/ 阅读全文
posted @ 2011-04-05 12:07 网页代码站 阅读(758) 评论(0) 推荐(0)
类似新浪网的黑色导航菜单代码
摘要：代码简介：仿新浪网的一款黑色背景的网站导航菜单，采用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& 阅读全文
posted @ 2011-04-05 12:07 网页代码站 阅读(477) 评论(0) 推荐(0)
红色小方块单击爆炸式展开的菜单代码
摘要：代码简介：不知道能给它起个什么名字，就叫做“爆炸式菜单”吧，因为它的效果很像是爆炸开了，鼠标点击后会以一个五角星为基准单元依次展开，可以有多次，像链式表一样。代码内容：<html><head><title>红色小方块单击爆炸式展开的菜单代码_网页代码站(www.webdm.cn)</title></head><body><style type="text/css">.dot { position: absolute; width: 6; height: 6; visibility: hidd 阅读全文
posted @ 2011-04-02 10:13 网页代码站 阅读(479) 评论(0) 推荐(0)
JavaScript浮动的导航菜单代码
摘要：代码简介：浮动的导航菜单，实际上它是一个用JS去控制移动的DIV层，在层里放入表格，这里的表格你完全可以改成DIV结构。本菜单可随滚动条自动定位至原始位置，初始位置在JS代码里可修改。代码内容：<HTML><head><title>JavaScript浮动的导航菜单代码_网页代码站(www.webdm.cn)</title></head><body><script>if (!document.layers)document.write('<div id="divStayTopLeft&q 阅读全文
posted @ 2011-04-02 10:11 网页代码站 阅读(820) 评论(0) 推荐(0)
鼠标停留在菜单上会闪烁的导航菜单代码
摘要：代码简介：鼠标放到菜单上，菜单前边的小图片会闪烁，其实不神秘，主要是用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; }. 阅读全文
posted @ 2011-04-01 12:12 网页代码站 阅读(352) 评论(0) 推荐(0)
停在网页顶部可关闭的工具条代码
摘要：代码简介：一款悬浮在网页顶部的工具条代码，实际上是一个嵌套进DIV的层窗口，在此窗口内你可以自由布局，或是一行文字，或是几个按钮，你还可以添加一个“关闭”功能，在很多网站我们都可以看到类似效果。代码内容：<html><head><title>停在网页顶部可关闭的工具条代码_网页代码站(www.webdm.cn)</title><style type="text/css"><!--body { margin: 0px;padding: 0px;text-align: center;}TD {FONT-SIZE: 阅读全文
posted @ 2011-04-01 12:11 网页代码站 阅读(348) 评论(0) 推荐(0)
深蓝渐变下拉菜单代码
摘要：代码简介：很漂亮的深蓝色渐变的CSS下拉菜单，用到有两个修饰图片，预览效果请保存一下。这是纯CSS实现的，完全符合WEB标准，兼容所有IE浏览器，代码中有针对IE6的代码，已注释掉了，如果不需要可以删去。代码内容：<!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/xh 阅读全文
posted @ 2011-03-31 12:38 网页代码站 阅读(346) 评论(0) 推荐(0)
纯CSS实现简约大方灰紫色下拉菜单代码
摘要：代码简介：又一个漂亮的纯CSS实现的下拉导航菜单，横向布局，适合作网站导航条，银色渐变色，鼠标放上更换菜单背景，用户体验极好，而且兼容性好，特别是对IE比较友好，火狐下也几乎不错位，推荐给站长使用。代码内容：<!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 阅读全文
posted @ 2011-03-31 12:37 网页代码站 阅读(371) 评论(0) 推荐(0)
当前项为缺口横向菜单代码
摘要：代码简介：当前项为缺口横向纯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&q 阅读全文
posted @ 2011-03-30 12:42 网页代码站 阅读(221) 评论(0) 推荐(0)
浅绿色简洁CSS导航菜单代码
摘要：代码简介：浅绿色很多网站都有的简洁CSS栏目导航条，响应鼠标变色，兼容大多WEB浏览器，看着也很舒服，直接复制就可用。代码内容：<!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><meta http-equi 阅读全文
posted @ 2011-03-30 12:41 网页代码站 阅读(930) 评论(0) 推荐(0)
十分简洁小巧的导航代码
摘要：代码简介：视觉挺舒服的一款小巧的网站导航条，代码就像它的外形一样简单，修改超方便，兼容性好，鼠标滑过变色，配色极合理，确实很不错哟，而且完全是纯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"><head& 阅读全文
posted @ 2011-03-29 10:05 网页代码站 阅读(751) 评论(2) 推荐(0)
灰色纯CSS菜单代码
摘要：代码简介：一款灰色的CSS菜单，纯CSS代码实现，兼容IE6/IE7，默认是在IE7下，IE6的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/199 阅读全文
posted @ 2011-03-29 10:04 网页代码站 阅读(377) 评论(0) 推荐(0)
国外漂亮银灰色CSS下拉菜单代码
摘要：代码简介：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"><head>< 阅读全文
posted @ 2011-03-28 13:25 网页代码站 阅读(775) 评论(0) 推荐(0)
经典灰色CSS二级下拉菜单代码
摘要：代码简介：一款比较经典的CSS二级下拉导航菜单，初始颜色是灰色，如果不能让你满意，那你可以自己慢慢修改完善。兼容目前大部分浏览器，鼠标滑过变色，菜单项目无限制扩展，有多少显多少，每个菜单下可以支持子分类，很实用。代码内容：<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>经典灰色CSS二级下拉菜单代码_网页代码站(www.webdm.cn)</title><style type=&quo 阅读全文
posted @ 2011-03-28 13:24 网页代码站 阅读(380) 评论(0) 推荐(0)
来自一个博客里的竖向CSS圆角导航菜单代码
摘要：代码简介：纯CSS圆角导航条，博客里常见到这东西，很不错，色彩稳重，风格很耐看！这是用纯CSS实现的，因些兼容性比较好，而且圆角的实现方法也很独特，代码很少，如果认真研究一下，你也可以写出更多的圆角效果。代码内容：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE>来自一个博客里的竖向CSS圆角导航菜单代码_网页代码站(www.webdm.cn)</TITLE> <style type=" 阅读全文
posted @ 2011-03-25 08:21 网页代码站 阅读(379) 评论(0) 推荐(0)
仿Windows系统经典鼠标右键菜单代码
摘要：代码简介：仿Windows系统的右键菜单，在网页上点击右键就会出现一个菜单，从而代替了网页原来的菜单，让你的网页更个性一点，还是很不错的哦！代码内容：<!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><met 阅读全文
posted @ 2011-03-25 08:20 网页代码站 阅读(359) 评论(0) 推荐(0)
中国省市县三级联动菜单代码
摘要：代码简介：全国最新的盛市、县三级无刷新下拉选择菜单，技术上来说没有什么新奇的了，只是本菜单内的省市县信息是最新的，你可以直接将其保存为一个JS文件，随时调用即可，无需数据库支持，因些执行速度比较快。代码内容：<html><head><title>中国省市县三级联动菜单代码_网页代码站(www.webdm.cn)</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><style>body, 阅读全文
posted @ 2011-03-24 11:21 网页代码站 阅读(507) 评论(0) 推荐(0)
仿FLASH类似Windows的多级下拉菜单代码
摘要：代码简介：酷似Windows的仿FLASH多级下拉菜单，动画展开菜单项，还有淡入淡出效果，很不错吧！不过缺点是完全依靠JS，不能由程序动态控制输出，不过也不一定，看你水平有多高啦！代码内容：<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>仿FLASH类似Windows的多级下拉菜单代码_网页代码站(www.webdm.cn)</title></head>< 阅读全文
posted @ 2011-03-24 11:19 网页代码站 阅读(259) 评论(0) 推荐(0)
橘黄色的大气CSS菜单代码
摘要：代码简介：红白相间搭配的一款纯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"><head><title>橘黄色的大 阅读全文
posted @ 2011-03-23 11:02 网页代码站 阅读(1299) 评论(0) 推荐(0)

上一页 1 ··· 6 7 8 9 10 11 12 13 14 ··· 17 下一页