jQuery mouseover effect on image

jQuery has the effect of hovering the mouse over the image. After the mouse is hovered, a mask effect will appear, and the text will fade in and out. It is compatible with mainstream browsers. PHP Chinese website recommends downloading!
Instructions:
1. The head area references the file lrtk.css and js library
<link rel="stylesheet" type="text/css" href="css/lrtk.css" media="all">
<script type="text/javascript" src="js/jquery.min.js"></script>
2. Add <!-- code start --><!-- code end -->region code
to the file 3. Please see code comments
for specific fine-tuning. 4. Text and jump links are modified in the code
<div class="banner">
<!-- Modify picture -->
<a href="http://www.lanrentuku.com/" target="_blank">
<img height="125" width="125" alt="Mail Chimp" src="images/seagaia_miyazaki.jpg" />
</a>
<!-- Modify text -->
<p class="companyInfo">Picture information five</p>
<div class="cornerTL"></div>
<div class="cornerTR"></div>
<div class="cornerBL"></div>
<div class="cornerBR"></div>
</div>