Highlighting specified elements
The highlight effect temporarily applies a light-yellow coloring to any element that it's called on (the effect is also known as Yellow Fade Technique (YFT)). Let's put a simple example together, so we can see the effect in action:
<link rel="stylesheet" href="css/effectHighlight.css">
The <script> element refers to the effect's source file so that it uses the jquery.effects.highlight.js file:
<script src="development-bundle/ui/jquery.ui.effect-highlight.js"></script>
Then remove the <form> element from the <body> element of the page and replace it with the following markup:
<h1>Choose the correct download below:</h1> <a id="win" href="#"><img src="img/iconWin.png"></a> <a id="mac" href="#"><img src="img/iconMac.png"></a> <a id="linux" href="#"><img src="img/iconLinux.png"></a> <button id="hint">Hint</button>
Lastly, change the final <script> element...
