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

上一页 1 ··· 8 9 10 11 12 13 14 15 16 17 下一页
各类菜单导航特效代码。
绿色带阴影的CSS导航菜单代码
摘要：代码简介：一个带阴影效果的纯CSS实现的网站导航条，看着比较大气，每个菜单项还有立体效果，响应鼠标变背景，绿色风格，当然颜色你可以自己调整哦，只要学会了思路，修改就方便了。代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/tr/html4/strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>绿色带阴影的CSS 阅读全文
posted @ 2011-03-10 10:21 网页代码站 阅读(370) 评论(0) 推荐(0)
教你怎样制作一款选项卡TAB
摘要：代码简介：完全兼容常用的浏览器类型，而且代码中含有丰富的注释，方便你的学习和修改。本例中的选项卡在很多网站都会见到，很普通，但很经典，如果感觉灰色不美观的话，自己动手改改代码，这样才能提高哦。代码内容：<!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&qu 阅读全文
posted @ 2011-03-09 10:17 网页代码站 阅读(479) 评论(0) 推荐(1)
灰色简约三级CSS下拉菜单代码
摘要：代码简介：又一款CSS Menu，银灰色下拉菜单，老外网站扒下来的，兼容性还不错。它最多可以支持三级，如果你的菜单项目很多，你可以自己扩展，一般都是成对出现的标签，分清楚就可以了。代码内容：<!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"&g 阅读全文
posted @ 2011-03-09 10:16 网页代码站 阅读(336) 评论(0) 推荐(0)
CSS实现绿色带阴影自适应宽度的菜单代码
摘要：代码简介：绿色带阴影划过变色自适应宽度的纯CSS菜单，用了超多的修饰词来形容她，因为确实很不错哦！它可以在多行上显示，老外的东西就是不一样，不佩服不行哦。使用的时候可以单独将菜单部分摘去，再优化一下CSS，这样更完美了。代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml& 阅读全文
posted @ 2011-03-08 09:45 网页代码站 阅读(277) 评论(0) 推荐(0)
蓝色清爽可用做排行的侧边列表滑动门代码
摘要：代码简介：一个很节省布局的侧边滑动门，一般用作阅读排行或下载排行，清新风格，没有用到任何的修饰图片，直接拷贝到你的网页里就可以用啦。这还支持多内容切换，也就是可以复制多个门单元以适应需要。代码内容：<!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-08 09:44 网页代码站 阅读(432) 评论(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" xm 阅读全文
posted @ 2011-03-07 11:56 网页代码站 阅读(526) 评论(0) 推荐(0)
CSS实现的红色边框下拉导航菜单代码
摘要：代码简介：只用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://w 阅读全文
posted @ 2011-03-07 11:55 网页代码站 阅读(596) 评论(0) 推荐(0)
橘黄色的虚线边框CSS垂直菜单代码
摘要：代码简介：个款竖向垂直布局的CSS菜单，不同的是它的菜单项之间用虚线间隔，我们来看它是怎么实现的。它同样是用UL、LI列表打造的菜单，只不过设置菜单的的下边框border的属性为 dashed ，也就是虚线，其实方法非常简单，你可以对照CSS手册，查一下border属性的边框取值，这只是其中之一。代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 阅读全文
posted @ 2011-03-05 08:41 网页代码站 阅读(578) 评论(0) 推荐(1)
类似透明的红色网站下拉菜单代码
摘要：代码简介：同样是一款下拉菜单，但效果却不一样，为什么看上去会很漂亮，这需要有一定的美感，这就是美工应该具备的基本素质，我们应该努力学习网页本色，配色也是导航条外观美丽的重要指标哦。代码内容：<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"><head><title>类似透明的红色网站下拉菜单代码_网页代码站(www.webdm.cn)</title><style type="text/css"><!--bod 阅读全文
posted @ 2011-03-05 08:40 网页代码站 阅读(431) 评论(0) 推荐(0)
很好看的黑色二级导航菜单代码
摘要：代码简介：绝对酷的黑色风格的网站二级导航条，目前有很多网站都使用本导航条，用到有2个背景图片，请顺着代码地址自行下载。本菜单操作舒服，简洁漂亮，带三角导航，清楚导航用户当前的位置，提升你网站的用户体验。代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang=" 阅读全文
posted @ 2011-03-04 11:21 网页代码站 阅读(1649) 评论(0) 推荐(0)
用JavaScript实现三级动画菜单代码
摘要：代码简介：本三级菜单是用JavaScript实现的，没有使用CSS，带有动画效果，不过从实用角度来说，本代码有一定的遗憾，因为这种菜单修改上去好像很麻烦，不过如果你的网站结构已经很稳定，不经常变动内容的话，可以试试此款菜单，动画效果还是非常不错的。代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="htt 阅读全文
posted @ 2011-03-04 11:20 网页代码站 阅读(646) 评论(0) 推荐(0)
CSS+JSS实现滚动切换的选项【推荐】
摘要：代码简介：用CSS制作会滚动的选项卡，感觉比较不错，本人很喜欢，运用CSS+JavaScript技术结合，带动画效果的切换，新颖美观，推荐给大家。注意标题的长度，如果太长的话会变成二行，不过用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. 阅读全文
posted @ 2011-03-03 10:37 网页代码站 阅读(603) 评论(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/ 阅读全文
posted @ 2011-03-03 10:36 网页代码站 阅读(826) 评论(0) 推荐(0)
仿淘宝采用Js+Css打造超级漂亮的选项卡代码
摘要：代码简介：这是仿淘宝网的网页选项卡，CSS+JavaScript技术结合共同打造，超级漂亮，而且只用到了两个背景图片，不但很实用，而且本代码还有一个很值得学习的亮点，就是学习如何使用CSS控制背景图片的某个区域生效，这对你以后的WEB标准化之路帮助很大。代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=" 阅读全文
posted @ 2011-03-02 10:18 网页代码站 阅读(1047) 评论(0) 推荐(0)
大气十足的蓝色经典导航代码
摘要：代码简介：从国外网站找到的CSS菜单，用到了几个背景图片，请自己下载吧，效果还是不错的，挺大气，放上来共享给大家。代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><?php //PHP ADODB document - made with PHAkt 3.6.0?><html xmlns="http://www.w 阅读全文
posted @ 2011-03-02 10:17 网页代码站 阅读(2545) 评论(0) 推荐(0)
竖向蓝色圆角经典的CSS菜单代码
摘要：代码简介：竖向圆角滑过变色的CSS菜单栏，同样来自老外网站哦，在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/xhtml"><head><title>竖向蓝色圆角经典的CSS菜单代 阅读全文
posted @ 2011-03-01 09:07 网页代码站 阅读(300) 评论(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. 阅读全文
posted @ 2011-03-01 09:06 网页代码站 阅读(371) 评论(0) 推荐(0)
黑色漂亮的DIV+CSS导航菜单代码
摘要：代码简介：黑色漂亮的DIV+CSS导航条，符全W3C 标准，自适应宽度，代码简洁，修改方便，相信你会喜欢哦。代码内容：<!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>黑色漂亮的DIV+C 阅读全文
posted @ 2011-02-28 08:32 网页代码站 阅读(374) 评论(0) 推荐(0)
仿Vista风格简约三态高亮CSS菜单代码
摘要：代码简介：分离式CSS滑动门导航菜单，来自冰极峰博客。三态高亮导航菜单，CSS和JavaScript技术的完美结合，并可记忆菜单位置，运用于JS的Cookies机制，相信有很多人会喜欢的。代码内容：<!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-02-28 08:31 网页代码站 阅读(346) 评论(0) 推荐(0)
蓝绿简约可重复使用的简约Tab选项卡
摘要：代码简介：我们在使用网页选项卡的时候总想让它可以重复使用，因为有时候我们布局的一个网页上需要使用多个选项卡。本代码段就提供了这样一种解决方案，也许你从代码就可以看出规律了，其实重复使用非常简单，方法是：把上面的two复制，把two改成three,或任何一个不同名的id，把上边定义选项卡ID的CSS再复制一个，把ID改成你新增TAB相对应的名称。就是这么简单。代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ><html xmlns="http://www.w3. 阅读全文
posted @ 2011-02-26 12:15 网页代码站 阅读(337) 评论(0) 推荐(0)

上一页 1 ··· 8 9 10 11 12 13 14 15 16 17 下一页