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
[email protected]
http://jquery.com/discuss/

Reply via email to