You can edit / change the code and click run button
<!doctype html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <title>hover demo here</title> <style> ul { margin-left: 30px; color: red; font-size:30px; } li { cursor: default; } span { color: blue; } </style> <script src="../../../jquery-1.10.2.js"></script> <script>var clicky_site_ids = clicky_site_ids || []; clicky_site_ids.push(101319977);</script><script async src="//static.getclicky.com/js"></script></head> <body> Here is the jQuery hover() demo. <ul> <li>paragraph one</li> <li>paragraph two</li> <li>paragraph three</li> <li>paragraph four</li> </ul> <script> $( "li" ).hover( function() { $( this ).append( $( "<span> *******</span>" ) ); }, function() { $( this ).find( "span:last" ).remove(); } ); </script> </body> </html>