jQuery鼠标悬停在图片上效果,鼠标悬停后出现遮罩效果,并淡入出现文字,兼容主流浏览器,推荐下载!
使用方法:
1、head区域引用文件lrtk.css及js库
<link rel="stylesheet" type="text/css" href="css/lrtk.css" media="all">
<script type="text/javascript" src="js/jquery.min.js"></script>
2、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码
3、具体微调请看代码注释
4、文字和跳转链接在代码中修改
<div class="banner">
<!-- 修改图片 -->
<a href="http://nowjava.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>


本文系作者在时代Java发表,未经许可,不得转载。
如有侵权,请联系nowjava@qq.com删除。