以下为引用的内容：

<div class="expand-down"><ul><li>      <a href=http://www.chinaz.com/Design/Pages/"http://jsssc.cn">        <!-- 图片-->        <img src="/images/demos/w3c-valid-css-trans.png" alt="" />        <!-- 文字-->        <span>路可</span>      </a>    <!--这里放你需要的其他菜单li --></li></ul></div>

以下为引用的内容：

<!--.expand-down {  font-family:Arial, Helvetica, sans-serif;  line-height:normal;  margin-top:20px;  height:150px;  width:500px;  background: url(/images/demos/macosx-style-background.png) no-repeat;  margin-bottom:30px;}/* reset margins and paddings */.expand-down * {  margin: 0;  padding: 0;}.expand-down ul {  padding-top:10px;  margin-left:10px;}.expand-down ul li {  float:left;  list-style-type:none;}.expand-down ul li a {  text-decoration:none;}.expand-down ul li a img {  width:50px;  /* initial width of images, 50% of width */  height:50px; /* initial height of images, 50% of height */  border:none;}/* 先隐藏<span> */.expand-down ul li a span {  display:none;}.expand-down ul li:hover a span {  /* 显示*/  display:block;  font-size:14px;  text-align:center;  color:#fff;}/* 鼠标经过时放大图片.** an image becomes active when mouse hovers it** ideally, the image should have same width and height as below*/.expand-down ul li:hover a img {  width:100px;  height:100px;}/*设置相邻的li宽高 注意‘+’选择器*/.expand-down ul li:hover + li a img {  width:60px;  height:60px;}/*第二相邻li的宽高 这里用两个‘+’*/.expand-down ul li:hover + li + li a img {  width:55px;  height:55px;}-->