摘要： 在上一例的基础上，制作一个显示说明信息的菜单，鼠标经过某个菜单项的时候，会出现相应的说明信息。如图所示：在通常状态下，这个菜单和上一个例子相同，而在鼠标经过菜单项的时候，在菜单右侧回出现一个矩形区域，里面分别写着对正在经过菜单项的说明文字，这个是一个很实用的效果。本例的代码以，上一例为基础，对于每个菜单项的a元素，分别再添加一个span元素，里面输入香型的说明文字，代码如下：<div id="menu"> <a href="#"> <span class="left"></span> H 阅读全文

摘要： 本例的目标是实现带有两侧箭头的菜单效果，这里的箭头没有使用任何背景图像文件，而是完全依靠CSS代码实现的。仍然使用前面的HTML代码，但是必须进行一定的改造，也就是每个菜单项增加了两个盒子来放置三角形。具体代码如下：<div id="menu"> <a href="#"> <span class="left"></span> Home <span class="right"></span> </a> <a href=" 阅读全文