欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

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

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

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

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

部分HTML代码:

  1. <div class="dropdown"> 
  2. <a href="http://www.divcss5.com/">DIVCSS5教程</a> 
  3. <ul class="list"> 
  4. <li><a href="http://www.divcss5.com/css-tool/" class="xg">CSS工具</a></li> 
  5. <li><a href="http://www.divcss5.com/" class="gr">CSS教程</a></li> 
  6. <li><a href="http://www.divcss5.com/css-hack/" class="zx">css hack</a></li> 
  7. <li><a href="http://www.divcss5.com/css-texiao/" class="yd">css特效</a></li> 
  8. <li><a href="http://www.divcss5.com/" class="more-rss">更多CSS &raquo;</a></li> 
  9. </ul> 
  10. </div> 

在线演示http://www.divcss5.com/yanshi/2013040401/

下载完整打包源代码

此css特效可用于显示与隐藏效果。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css-texiao/texiao460.shtml