CSS鼠标经过时显示内容渐变下拉菜单

2013-04-04 22:10:57 当鼠标经过对象时，渐变显示内容，可作为下拉菜单内容使用，此特效为CSS+DIV+jQuery特效

当鼠标经过对象时，渐变显示内容，可作为下拉菜单内容使用，此特效为CSS+DIV+jQuery特效

渐变下拉菜单内容特效效果截图

鼠标经过显示内容特效截图
鼠标经过时渐变下拉显示内容特效

此特效可作为鼠标经过显示鼠标离开显示内容CSS特效。本特效使用了DIV+CSS和jQuery（JS）组成，本特效加入了html注释说明，下载即可使用。

部分HTML代码：

<div class="dropdown"> 
    <a href="//www.html8.com.cn/">HTML8教程</a> 
    <ul class="list"> 
        <li><a href="//www.html8.com.cn/css/" class="xg">CSS工具</a></li> 
        <li><a href="//www.html8.com.cn/" class="gr">CSS教程</a></li> 
        <li><a href="//www.html8.com.cn/css/" class="zx">css hack</a></li> 
        <li><a href="//www.html8.com.cn/css/" class="yd">css特效</a></li> 
        <li><a href="//www.html8.com.cn/" class="more-rss">更多CSS &raquo;</a></li> 
    </ul> 
</div>