Skip to content

jquery-hoverlight.js is a jQuery plugin for highlighting text when hovering the mouse over some text.

License

Notifications You must be signed in to change notification settings

sunliwen/jquery-hoverlight

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

jQuery Hoverlight (hover and highlight)

jquery-hoverlight.js is a hover highlighting plugin for jQuery.

Demo

./demo.htm

Usage

You can use hoverlight like this

<p>  
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque at massa non erat convallis vulputate molestie nec dui. Donec auctor blandit nibh quis luctus. Donec tincidunt auctor consequat.
</p>

<script>
$(function(){
    $('p').hoverlight();
});
</script>

jquery-hoverlight.js will wrap words within selected area in spans like e.g.

<p> 
...
<span class="js-hoverlightable">Lorem</span>
<span class="js-hoverlightable">ipsum</span>
<span class="js-hoverlightable">dolor</span>
...
</p>

License

Copyright 2013 Sun Liwen.

Released under the MIT license.

About

jquery-hoverlight.js is a jQuery plugin for highlighting text when hovering the mouse over some text.

Resources

License

Stars

Watchers

Forks

Packages

No packages published