摘要:
代码简介:个款竖向垂直布局的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"> 阅读全文
摘要:
代码简介:同样是一款下拉菜单,但效果却不一样,为什么看上去会很漂亮,这需要有一定的美感,这就是美工应该具备的基本素质,我们应该努力学习网页本色,配色也是导航条外观美丽的重要指标哦。代码内容:<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"><head><title>类似透明的红色网站下拉菜单代码_网页代码站(www.webdm.cn)</title><style type="text/css"><!--bod 阅读全文
摘要:
代码简介:绝对酷的黑色风格的网站二级导航条,目前有很多网站都使用本导航条,用到有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=" 阅读全文
摘要:
代码简介:本三级菜单是用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 阅读全文
摘要:
代码简介:用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. 阅读全文
摘要:
代码简介:平时隐藏在左侧的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/ 阅读全文
摘要:
代码简介:这是仿淘宝网的网页选项卡,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=" 阅读全文
摘要:
代码简介:从国外网站找到的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 阅读全文
摘要:
代码简介:竖向圆角滑过变色的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菜单代 阅读全文
摘要:
代码简介:同样是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. 阅读全文