【一个不错的选择】一个不错竖向三级弹出菜单特效代码

更新时间：2018-04-18 来源：ling 手机版 字体：大中小

【www.bbyears.com--ling】

提示：您可以先修改部分代码再运行

<!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 sty<a href="http://www.bbyears.com/clist-185-1.html" target="_blank" class="keylink">ling</a> */
.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>

DEMOS
 
  
  zero dollars
  wrapping text
  styled form
  active focus
  HOVER/CLICK >
  
   
   styled form
   active focus
   hover/click
   
  
  
  shadow boxing
  image map
  fun backgrounds
  fade scrol<a href="http://www.bbyears.com/clist-185-1.html" target="_blank" class="keylink">ling</a>
  em sized images
  
  
 
 MENUS
 
  
  spies menu
  vertical menu
  enlarging list
  link images
  non-rectangular
  jigsaw links
  circular links
  
 
 
 LAYOUTS
 
  
  Fixed 1
  Fixed 2
  Fixed 3
  Fixed 4
  minimum width
  
 
 
 BOXES
 
  
  spies menu
  vertical menu
  enlarging list
  link images
  non-rectangular
  jigsaw links
  circular links
  
 
 
 MOZILLA
 
  
  drop down menu
  cascading menu
  content:
  mozzie box
  rainbow box
  snooker cue
  target practise
  two tone headings
  shadow text
  
 
 
 EXPLORER
 
  
  example one
  weft fonts
  vertical align
 
 
 
 OPACITY
 
 
 opaque colours
 opaque menu
 partial opacity
 partial opacity II

</body>
</html>

提示：您可以先修改部分代码再运行

本文来源：http://www.bbyears.com/shujuku/40752.html

链接：http://www.bbyears.com/shujuku/40752.html
【一个不错的选择】一个不错竖向三级弹出菜单特效代码(转载时请注明本文出处及链接)

猜你感兴趣

【一个入门基础知识】一个入门级css导航菜单代码 2018-04-18
flash中文破解版|flash中落花效果AS3实现代码 2018-04-18
php随机函数mt_rand和rand_php随机函数mt_rand()和rand()性能对比 2018-04-18
php检测服务器是否支持gzip_php检测服务器是否支持gzip代码 2018-04-18
兼容所有浏览器吗|兼容所有浏览器 flash复制插件使用说明 2018-04-18
[php数组保存文本与文本文件]php数组保存文本与文本反编成数组 2018-04-18
如何在ppt中插入视频|如何在PPT中插入FLASH动画 ppt插入swf文件 2018-04-18
【phpstudy】php 中IPV6 ip2long的问题解决办法 2018-04-18
笔记本都有哪些使用方法|笔记本都有哪些使用误区 2018-04-18
php中吗_php中magic_quotes_gpc函数一些用法 2018-04-18

本类排行

本类最新

更多>>

【一个不错的选择】一个不错竖向三级弹出菜单特效代码

猜你感兴趣

热门标签

本类排行

本类最新