来源：sunflowamedia.com　代码整理：模板在线　感谢：wordpress Xcoder

jQuery鼠标悬停在图片上效果，鼠标悬停后出现遮罩效果，并淡入出现文字，兼容主流浏览器，模板在线推荐下载！

使用方法：

1、head区域引用文件htmldivcss.css及js库

<link rel="stylesheet" type="text/css" href="css/htmldivcss.css" media="all">

<script type="text/javascript" src="js/jquery.min.js"></script>

2、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码

3、具体微调请看代码注释

4、文字和跳转链接在代码中修改

<div class="banner">

<!-- 修改图片 -->

<a href="https://vhai.com/" target="_blank">

<img height="125" width="125" alt="Mail Chimp" src="images/seagaia_miyazaki.jpg" />

</a>

<!-- 修改文字 -->

<p class="companyInfo">图片信息五</p>

<div class="cornerTL"></div>

<div class="cornerTR"></div>

<div class="cornerBL"></div>

<div class="cornerBR"></div>

</div>