The highlight effect temporarily applies a light yellow coloring to any element that it's called on. Let's put a simple example together so we can see the effect in action. In effectClass.html
change the link to the stylesheet in the <head>
of the page as follows:
<link rel="stylesheet" type="text/css"href="css/effectHighlight.css">
The <script>
element that refers to the effect's source file so that it uses the effect.highlight.js
file:
<script type="text/javascript" src="development-bundle/ui/effects.highlight.js"></script>
Then remove the <form>
from the <body>
of the page and replace it with the following markup:
<h1>Choose the correct download below:</h1> <div id="win" class="download-link"> <a title="Download windows installer" href="#"><span>Windows</span></a> </div> <div id="mac" class="download-link"> <a title="Download mac dmg" href="#"><span>...