| |
设为主页
电脑论坛
引导线
引导线首页
新闻资讯
设计制作
病毒安全
操作系统
网页特效
网站运营
精彩专题
网络编程
工具软件
办公软件
服 务 器
广告联盟
网页制作
网站优化
Photoshop教程
RSS订阅
|
网站地图
搜索:
智能搜索
搜索标题
您的位置
:
引导线
>
网页特效
>
导航代码
>
引导线网页教学网的网页下拉菜单(1)
http://www.yindaoxian.com
2009-3-17 08:43:02 来源:未知 【
大
中
小
】
引导线网页制作网提示您:
引导线网页教学网的网页下拉菜单
引导线网页教学网的网页下拉菜单
<!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-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>引导线网页教学网的网页下拉菜单</title> <style type="text/css"> /* common styling */ .menu {font-family: arial, sans-serif; width:106px; height:150px; position:relative; margin:0; font-size:11px; margin:50px 0;} .menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:104px; height:20px; text-align:center; color:#fff; border:1px solid #aaa; background:#710069; line-height:20px; font-size:11px; overflow:hidden;} .menu ul {padding:0; margin:0;list-style-type: none; } .menu ul li {float:left; margin-right:1px; position:relative;} .menu ul li ul {display: none;} /* specific to non IE browsers */ .menu ul li:hover a {color:#fff; background:#36f;} .menu ul li:hover ul {display:block; position:absolute; top:0; left:105px; width:105px;} .menu ul li:hover ul li a.hide {background:#6a3; color:#fff;} .menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;} .menu ul li:hover ul li ul {display: none;} .menu ul li:hover ul li a {display:block; background:#eee; color:#000;} .menu ul li:hover ul li a:hover {background:#6fc; color:#000;} .menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;} </style> </head> <body> <div class="menu"> <ul> <li><a class="hide" href="../menu/index.html" _fcksavedurl="../menu/index.html">DEMOS</a> <ul> <li><a href="../menu/zero_dollars.html" _fcksavedurl="../menu/zero_dollars.html" title="The zero dollar ads page">zero dollars</a></li> <li><a href="../menu/embed.html" _fcksavedurl="../menu/embed.html" title="Wrapping text around images">wrapping text</a></li> <li><a href="../menu/form.html" _fcksavedurl="../menu/form.html" title="Styling forms">styled form</a></li> <li><a href="../menu/nodots.html" _fcksavedurl="../menu/nodots.html" title="Removing active/focus borders">active focus</a></li> <li><a class="hide" href="../menu/hover_click.html" _fcksavedurl="../menu/hover_click.html" title="Hover/click with no active/focus borders">HOVER/CLICK ></a> <ul> <li><a href="../menu/form.html" _fcksavedurl="../menu/form.html" title="Styling forms">styled form</a></li> <li><a href="../menu/nodots.html" _fcksavedurl="../menu/nodots.html" title="Removing active/focus borders">active focus</a></li> <li><a href="../menu/hover_click.html" _fcksavedurl="../menu/hover_click.html" title="Hover/click with no active/focus borders">hover/click</a></li> </ul> </li> <li><a href="../menu/shadow_boxing.html" _fcksavedurl="../menu/shadow_boxing.html" title="Multi-position drop shadow">shadow boxing</a></li> <li><a href="../menu/old_master.html" _fcksavedurl="../menu/old_master.html" title="Image Map for detailed information">image map</a></li> <li><a href="../menu/bodies.html" _fcksavedurl="../menu/bodies.html" title="fun with background images">fun backgrounds</a></li> <li><a href="../menu/fade_scroll.html" _fcksavedurl="../menu/fade_scroll.html" title="fade-out scrolling">fade scrolling</a></li> <li><a href="../menu/em_images.html" _fcksavedurl="../menu/em_images.html" title="em size images compared">em sized images</a></li> </ul> </li> <li><a class="hide" href="index.html" _fcksavedurl="index.html">MENUS</a> <ul> <li><a href="spies.html" _fcksavedurl="spies.html" title="a coded list of spies">spies menu</a></li> <li><a href="vertical.html" _fcksavedurl="vertical.html" title="a horizontal vertical menu">vertical menu</a></li> <li><a href="expand.html" _fcksavedurl="expand.html" title="an enlarging unordered list">enlarging list</a></li> <li><a href="enlarge.html" _fcksavedurl="enlarge.html" title="an unordered list with link images">link images</a></li> <li><a href="cross.html" _fcksavedurl="cross.html" title="non-rectangular links">non-rectangular</a></li> <li><a href="jigsaw.html" _fcksavedurl="jigsaw.html" title="jigsaw links">jigsaw links</a></li> <li><a href="circles.html" _fcksavedurl="circles.html" title="circular links">circular links</a></li> </ul> </li> <li><a class="hide" href="../layouts/index.html" _fcksavedurl="../layouts/index.html">LAYOUTS</a> <ul> <li><a href="../layouts/bodyfix.html" _fcksavedurl="../layouts/bodyfix.html" title="Cross browser fixed layout">Fixed 1</a></li> <li><a href="../layouts/body2.html" _fcksavedurl="../layouts/body2.html" title="Cross browser fixed layout">Fixed 2</a></li> <li><a href="../layouts/body4.html" _fcksavedurl="../layouts/body4.html" title="Cross browser fixed layout">Fixed 3</a></li> <li><a href="../layouts/body5.html" _fcksavedurl="../layouts/body5.html" title="Cross browser fixed layout">Fixed 4</a></li> <li><a href="../layouts/minimum.html" _fcksavedurl="../layouts/minimum.html" title="A simple minimum width layout">minimum width</a></li> </ul> </li> <li><a class="hide" href="../boxes/index.html" _fcksavedurl="../boxes/index.html">BOXES</a> <ul> <li><a href="spies.html" _fcksavedurl="spies.html" title="a coded list of spies">spies menu</a></li> <li><a href="vertical.html" _fcksavedurl="vertical.html" title="a horizontal vertical menu">vertical menu</a></li> <li><a href="expand.html" _fcksavedurl="expand.html" title="an enlarging unordered list">enlarging list</a></li> <li><a href="enlarge.html" _fcksavedurl="enlarge.html" title="an unordered list with link images">link images</a></li> <li><a href="cross.html" _fcksavedurl="cross.html" title="non-rectangular links">non-rectangular</a></li> <li><a href="jigsaw.html" _fcksavedurl="jigsaw.html" title="jigsaw links">jigsaw links</a></li> <li><a href="circles.html" _fcksavedurl="circles.html" title="circular links">circular links</a></li> </ul> </li> <li><a class="hide" href="../mozilla/index.html" _fcksavedurl="../mozilla/index.html">MOZILLA</a> <ul> <li><a href="../mozilla/dropdown.html" _fcksavedurl="../mozilla/dropdown.html" title="A drop down menu">drop down menu</a></li> <li><a href="../mozilla/cascade.html" _fcksavedurl="../mozilla/cascade.html" title="A cascading menu">cascading menu</a></li> <li><a href="../mozilla/content.html" _fcksavedurl="../mozilla/content.html" title="Using content:">content:</a></li> <li><a href="../mozilla/moxbox.html" _fcksavedurl="../mozilla/moxbox.html" title=":hover applied to a div">mozzie box</a></li> <li><a href="../mozilla/rainbow.html" _fcksavedurl="../mozilla/rainbow.html" title="I can build a rainbow">rainbow box</a></li> <li><a href="../mozilla/snooker.html" _fcksavedurl="../mozilla/snooker.html" title="Snooker cue">snooker cue</a></li> <li><a href="../mozilla/target.html" _fcksavedurl="../mozilla/target.html" title="Target Practise">target practise</a></li> <li><a href="../mozilla/splittext.html" _fcksavedurl="../mozilla/splittext.html" title="Two tone headings">two tone headings</a></li> <li><a href="../mozilla/shadow_text.html" _fcksavedurl="../mozilla/shadow_text.html" title="Shadow text">shadow text</a></li> </ul> </li> <li><a class="hide" href="../ie/index.html" _fcksavedurl="../ie/index.html">EXPLORER</a> <ul> <li><a href="../ie/exampleone.html" _fcksavedurl="../ie/exampleone.html" title="Example one">example one</a></li> <li><a href="../ie/weft.html" _fcksavedurl="../ie/weft.html" title="Weft fonts">weft fonts</a></li> <li><a href="../ie/exampletwo.html" _fcksavedurl="../ie/exampletwo.html" title="Vertical align">vertical align</a></li> </ul> </li> <li><a class="hide" href="../opacity/index.html" _fcksavedurl="../opacity/index.html">OPACITY</a> <ul> <li><a href="../opacity/colours.html" _fcksavedurl="../opacity/colours.html" title="colour wheel">opaque colours</a></li> <li><a href="../opacity/picturemenu.html" _fcksavedurl="../opacity/picturemenu.html" title="a menu using opacity">opaque menu</a></li> <li><a href="../opacity/png.html" _fcksavedurl="../opacity/png.html" title="partial opacity">partial opacity</a></li> <li><a href="../opacity/png2.html" _fcksavedurl="../opacity/png2.html" title="partial opacity II">partial opacity II</a></li> </ul> </li> </ul> </div> </body> </html>
运行代码
复制代码
[Ctrl+A 全部选择 提示:你可先修改部分代 码,再按运行]
文章由引导线网页制作网整理发布!欢迎大家转载!
Tag:
网页
_fcksavedurl
菜单
引导
责任编辑:admin
上一篇:
非常美观的分页列表网页特效代码
下一篇:
引导线网页教学网的网页下拉菜单(2)
相关文章列表
JS网页特效:透明菜单
JavaScript二级联动菜单代码
CSS3打造可折叠树状菜单
网页导航代码:仿京东商城的商品分类导
CSS实现网页下拉菜单的代码
CSS制作可以弹动的网页导航
导航代码特效之100%高度全屏自适应网页
引导线制作的网页下拉菜单(5)
引导线制作的网页下拉菜单(6)
引导线网页教学网的网页下拉菜单(4)
引导线网页教学网的网页下拉菜单(3)
引导线网页教学网的网页下拉菜单(2)
推荐文章
·
导航代码特效之100%高度全屏自适应网页布
·
一个非常实用的特殊选项卡特效代码
·
仿163的滑动门导航效果代码(DIV+CSS)
·
JavaScript二级联动菜单代码
·
树形导航特效,CSS特效代码
·
CSS3打造可折叠树状菜单
·
带线的无限级下拉树列表
·
引导线网页教学网的网页下拉菜单(2)
·
网站导航文字按类型进行切换的特效代码
·
CSS导航代码:类似按扭效果的网站导航
·
引导线网页教学网的网页下拉菜单(4)
·
引导线网页教学网的网页下拉菜单(1)
·
非常美观的分页列表网页特效代码
·
JS网页特效:透明菜单
·
引导线制作的网页下拉菜单(6)
最近更新
JS网页特效:透明菜单
JavaScript二级联动菜单代码
带线的无限级下拉树列表
CSS3打造可折叠树状菜单
网页导航代码:仿京东商城的商品
CSS实现网页下拉菜单的代码
CSS导航代码:类似按扭效果的网站
CSS制作可以弹动的网页导航
导航代码特效之100%高度全屏自适
引导线制作的网页下拉菜单(5)
引导线制作的网页下拉菜单(6)
引导线网页教学网的网页下拉菜单
引导线网页教学网的网页下拉菜单
引导线网页教学网的网页下拉菜单
引导线网页教学网的网页下拉菜单
热门文章
·
CSS实现网页下拉菜单的代码
·
网页导航代码:仿京东商城的商品分
·
带线的无限级下拉树列表
·
CSS3打造可折叠树状菜单
·
JS网页特效:透明菜单
·
CSS导航代码:类似按扭效果的网站导
·
JavaScript二级联动菜单代码
·
网站导航文字按类型进行切换的特效
·
非常美观的分页列表网页特效代码
·
树形导航特效,CSS特效代码
·
引导线网页教学网的网页下拉菜单(
·
仿163的滑动门导航效果代码(DIV+CS
·
一个非常实用的特殊选项卡特效代码
·
引导线制作的网页下拉菜单(6)
·
引导线网页教学网的网页下拉菜单(
关于我们
-
联系我们
-
广告服务
-
网站地图
-
版权声明
-
免责声明
-
留言我们
-
返回顶部