jQuery mouseover effect on image
![jQuery mouseover effect on image](https://img.php.cn/upload/jscode/000/000/001/58c39aadf37a0227.png)
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&q
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>
All resources on this site are contributed by netizens or reprinted by major download sites. Please check the integrity of the software yourself! All resources on this site are for learning reference only. Please do not use them for commercial purposes. Otherwise, you will be responsible for all consequences! If there is any infringement, please contact us to delete it. Contact information: admin@php.cn
Related Article
![jquery waterfall flow LightBox picture box special effects](http://static.oschina.net/uploads/code/201607/05154721_nehQ.gif)
06 Jul 2016
jquery waterfall flow LightBox picture box special effects
24 Jun 2016
CSS3 practical development: teach you step-by-step how to develop mouse-over picture animation special effects (Part 2)
![How to Display Text on Image Mouseover with CSS and jQuery?](https://img.php.cn/upload/article/001/246/273/173243469553307.jpg)
24 Nov 2024
Mouseover Text on ImageUsers often encounter challenges when attempting to display text on an image upon mouse hover. Conventional tooltip...
24 Jun 2016
61 web page special effects that are very fashionable and have great visual effects
24 Jun 2016
Animation loading special effects implemented in pure css3
24 Jun 2016
A batch of hover special effects implemented by CSS3
24 Jun 2016
Revealing the special effects in Tencent’s Burberry event page
![See all articles](/static/imghw/down_right.png)
![](/static/imghw/taglogo.png)
Hot Tools
![jQuery 3D picture slider carousel effect](https://img.php.cn/upload/jscode/000/287/557/620ef17369c59138.png)
jQuery 3D picture slider carousel effect
3D image Slider carousel effect based on jQuery
![Pure CSS to achieve cool switching animations when the mouse passes through pictures](https://img.php.cn/upload/jscode/000/000/001/5c7dded2081ec603.jpg)
Pure CSS to achieve cool switching animations when the mouse passes through pictures
Pure CSS enables cool switching animation code downloads when the mouse passes through pictures.
![HTML5 image carousel plug-in with parallax effect](https://img.php.cn/upload/jscode/000/287/557/6200739311959295.png)
HTML5 image carousel plug-in with parallax effect
An HTML5 picture carousel plug-in with parallax effect, which can control pictures with the mouse and produce a cool visual difference effect when the picture carousel is scrolled.
![B site header image interactive mouse hover depth of field focus effect](https://img.php.cn/upload/jscode/000/287/557/6201c2f09b72b688.png)
B site header image interactive mouse hover depth of field focus effect
An interactive mouse-over depth-of-field focus effect web page special effect for the B site header image.
![Cool jQuery 3D picture wall effects that can be dragged and rotated](https://img.php.cn/upload/jscode/000/000/001/5c886eccecdbc684.jpg)
Cool jQuery 3D picture wall effects that can be dragged and rotated
A cool jQuery 3D picture wall effect that can be dragged and rotated. The pictures are surrounded to form a circular picture wall, and each picture has glow and reflection effects. It is a very beautiful picture display effect.
![](/static/imghw/taglogo.png)