w

upHover.js

This jQuery plugin makes the link float by the motion of your mouse over them!
This demo shows you the upHover effect.

Usage

Include jQuery from a CDN.

Download the plugin and include the script and style in your web page:

<link rel='stylesheet' href='URL_to/upHover.css' type='text/css' media='all' />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<!-- Inside the <head> -->

<script src="URL_to/upHover.min.js"></script>
<!-- After the <body> -->

Use the class "upHover" to define your targets.
You can use the class on any html elements such as images, texts or videos.

<h5 class="upHover">upHover</h5>
<p><b class="upHover">upHover is brilliant</b> principium autem unde latius se funditabat, emersit ex negotio tali. Chilo ex vicario et coniux eius Maxima nomine, questi apud Olybrium ea tempestate urbi praefectum, vitamque suam venenis petitam adseverantes inpetrarunt ut hi, quos suspectati sunt, ilico rapti conpingerentur in vincula, organarius Sericus et Asbolius palaestrita et aruspex Campensis.</p>
<h5 class="upHover">^–––(°)~~~(°)—––^</h5>
<img class="upHover" src="http://raw.uplaod.fr/test_bastien/hover/HAND.png" style="padding-top:20px;" width="300">

Initialize the plugin on all upHover elements.

<script>$(document).upHover();</script>

Via npm

Install it via npm :

npm install uphover
Download

Download this plugin, the zip folder contain the script files and additional components.

upHover.js is licensed under The MIT License (MIT) This license is also supplied with the release and source code. As stated in the license, absolutely no warranty is provided. For more infos, this license goes with the zipped folder. Feel free to download and make it better.

Fork it

Fork, contribute and download on Github.