<link type="text/css" href="http://jquery-ui.googlecode.com/svn/tags/latest/themes/base/ui.all.css" rel="stylesheet" /> <script src="http://jquery-ui.googlecode.com/svn/tags/latest/jquery-1.3.2.js"></script> <script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/effects.core.js"></script> <script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/effects.highlight.js"></script> <script> $(document).ready(function(){ $('#myglowbox').click(function () { $(this).effect('highlight', {}, 3000); }); }); </script> <div id=myglowbox style="width: 100px; height: 80px; background: #666; border: 1px solid black; text-align:center;">Click me</div>
Programming Tips - jQuery: I highlight (briefly glow a box)
Date: 2009dec18
Language: javaScript
Keywords: glowbox
Q. jQuery: I highlight (briefly glow a box)
A. There's a example on the official jQuery site:
http://docs.jquery.com/UI/Effects/Highlight
But they get jQuery from jqueryui.com and I prefer getting it from googlecode.com.
I removed some extra stuff and reworked it a bit giving this example: