I think this is less of a jdMenu specific thing but you could do something
like the following:
Assuming:
<ul class="jd_menu">
<li>Text <img src="images/menu_arrow.JPG" alt="" border="0" align="middle"
height="16" width="16" /></li>...</ul>
$('ul.jd_menu > li').hover(function() {
$('> img', this).attr('src', 'url-to-image.jpg');
},
function() {
$('> img', this).attr('src', 'url-to-other-image.jpg');
});
-js
On 10/16/07, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
>
>
> Thanks for this info. Worked great.
>
> One more small question. To trigger the appearance of a drop-down
> menu, I have an image of an arrow
>
> <img src="images/menu_arrow.JPG" alt="" border="0" align="middle"
> height="16" width="16" />
>
> but when the user rolls over the image, I'd like the source of the
> image to change to something else to indicate the menu is "active".
> How do I do this with jdMenu?
>
> - Dave
>
> On Oct 16, 2:28 pm, "Jonathan Sharp" <[EMAIL PROTECTED]> wrote:
> > $('ul.jd_menu').jdMenu({
> > activateDelay: 100
> >
> > });
> >
> > Should work, here are the other options:
> > showDelay: 150 hideDelay: 550
> >
> > Sorry there isn't any documentation yet.
> >
> > -js
> >
> > On 10/16/07, [EMAIL PROTECTED] <[EMAIL PROTECTED]>
> wrote:
> >
> >
> >
> >
> >
> > > Hey Chris, Thanks for this recommendation. One thing I'm noticing
> > > when playing with this is that when I roll over the item that is
> > > supposed to trigger the appearance of the drop down menu, there is a
> > > one second delay getting the menu to appear. Is this a setting
> > > somewhere that can be adjusted? I'd like it to be instant. Here's my
> > > code:
> >
> > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/
> > > TR/REC-html40/strict.dtd">
> > > <html>
> > > <head>
> > > <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
> >
> > > <link rel="stylesheet" href="styles/jdMenu.css?"
> > > type="text/css" />
> >
> > > <script type="text/javascript"
> > > src="scripts/jquery.js"></script>
> > > <script type="text/javascript"
> > > src="scripts/lib/bgiframe.js"></
> > > script>
> > > <script type="text/javascript"
> > > src="scripts/lib/dimensions.js"></
> > > script>
> >
> > > <script type="text/javascript"
> > > src="scripts/lib/jdMenu.js"></script>
> > > <link href="styles/jdMenu.slate.css" rel="stylesheet"
> > > type="text/
> > > css" />
> >
> > > <script type="text/javascript">
> >
> > > $(document).ready(
> > > function () {
> > > // Load up the drop-down menus
> > > $('ul.jd_menu').jdMenu();
> > > }
> > > );
> >
> > > </script>
> > > </head>
> > > <body>
> >
> > > <table>
> > > <tr><td class="contextMenu">
> > > <ul class="jd_menu jd_menu_slate">
> > > <li><img src="images/menu_arrow.JPG" alt=""
> > > border="0"
> > > align="middle" height="16" width="16" />
> > > <ul>
> > > <li><a id="editTitle"
> title="Edit
> > > Module
> > > Title" class="editLink" href="#">Edit Module Title</a></li>
> > > <li><a id="myspace"
> > > class="myspaceLink"
> > > href="#" title="Export MySpace HTML">Export MySpace HTML</a></li>
> > > </ul>
> > > </li>
> > > </ul>
> > > </td></tr>
> > > </table>
> >
> > > </body>
> > > </html>
> >
> > > On Oct 15, 5:16 pm, "Chris Jordan" <[EMAIL PROTECTED]> wrote:
> > > > check out jdMenu <http://jdsharp.us/jQuery/plugins/jdMenu/>. It's
> pretty
> > > > cool.
> >
> > > > Chris
> >
> > > > On 10/15/07, [EMAIL PROTECTED] <[EMAIL PROTECTED]>
> > > wrote:
> >
> > > > > Hi,
> >
> > > > > Is there a plug-in that allows for menu creatio in JQuery?
> > > > > Specifically, I'm looking for something where when you roll over
> an
> > > > > arrow graphic, a menu will pop up beneath it. I do not need
> submenus
> > > > > to pull out over individual menu items.
> >
> > > > > Thanks for any advice, - Dave
> >
> > > > --http://cjordan.us- Hide quoted text -
> >
> > - Show quoted text -
>
>
