[jQuery] Rollover
[jQuery] Rollover
Hi, I am trying to add a image rollover. I am applying it to a div before a li.
<div id="navcontainer">
<ul>
<div id="roll"></div><li><a href="index.php">Home</A></li>
<div id="roll"></div><li><a href="news.php">News</a></li>
<div id="roll"></div><li><a href="news.php?mode=edit">Edit News</a></li>
<div id="roll"></div><li><a href="index.php?page=newsorder">News Order</a></li>
<div id="roll"></div><li><a href="frontpage_articles.php">Front Page Articles</a></li>
<div id="roll"></div><li><a href="minutes.php">Minutes & Agendas</a></li>
<div id="roll"></div><li><a href="forms.php">General Forms</a></li>
<div id="roll"></div><li><a href="special.php">Special Reports</a></li>
<div id="roll"></div><li><a href="resource.php?mode=add">Local Resources</a></li>
<div id="roll"></div><li><a href="calendar.php">Calendar</a></li>
<div id="roll"></div><li><a href="emaillist.php">Email List</a></li>
<div id="roll"></div><li><a href="siteoffline.php">Take Site Offline</a></li>
<div id="roll"></div><li><a href="dbbackup.php">Back Up Database</a></li>
</ul>
</div>
Here is the jquery I am trying.
<script type="text/javascript">
$(document).ready(function() {
$("a").hover(function(){
$("div#roll").addClass("over");
},
function(){
$("div#roll").addClass("out");
});
});
</script>
Would this be right?
-TJ
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/