Rollover javascript for div display

I am trying to complete a rollover or hoverover for a few links to display a div with a few screenshots. How should I go about writing this script?Here is my HTML\[code\]<section class="tabs-content"> <table class="imagetable" cellpadding="0" cellspacing="0" width="100%"> <tr> <th colspan="2" class="reportname">Exam Reports</th> </tr> <tr> <td valign="top" class="formlabel" width="50%"><p><strong>For Faculty</strong><br /> </p> <ul> <li><strong><a href="http://stackoverflow.com/questions/13715576/#">Exam Summary</a></strong><br /> <em>Colorful and attractive end-of-exam report provides a clean summary from Learning Outcomes to At-Risk students<br /> </em><br /> </li> <% if session("medical") = 1 then %> <li><strong><a href="http://stackoverflow.com/questions/13715576/exams_category.asp">Category Analysis</a></strong><br /> <em>Learning outcomes performance breakdown</em><br /> <br /> </li> <% end if %> <li><strong><a href="http://stackoverflow.com/questions/13715576/exams_itemanalysis.asp">Item/Question Analysis</a></strong><br /> <em>Take an in-depth look at each item and its' performance</em><br /><br /> </li> <li><strong><a href="http://stackoverflow.com/questions/13715576/exams_etresults.asp">List of Students Scores</a></strong><br /> <em>Simple list of every exam takers performance
 
Back
Top