🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

jQuery plugin Sliding a div over other div on mouse hover.Move the cursor arround the image bellow to make other side of the display item appear which is hidden with the effect of sliding that is where the power of Sliding Pop Hover plays role. The Sliding Pop Hover makes the other part which is hidden slide into the picture slowly when the cursor is on top of the view and plays reverse role when cursor leaves the view.

Plugins

Documentation

##SLIDING POP HOVER

##SCRIPT

<script type="text/javascript" src="jquery.slidingpophover.js"></script>  <script type="text/javascript">  $(document).ready(function(){    $(".display-item div:first img").load(function(){ 		$(".display-item").slidingPopHover({duration:200});    }); });  </script>  

##HTML

<div class="display-item">   <div> 	<img src="/Images/Capture52.PNG"></img>   </div>   <div style=" background-color:gray;"> 	<p>Place your hidden template here.</p>   </div> </div> 

You May Also Like