logo-dw

Go Back   Dreamweaver Club Forums > Hand Coders Forum > HTML and CSS
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 11-16-2011, 06:42 AM   #1
WotNow
WotNow's Avatar
 
Join Date: Mar 2009
Location: Broome Western Australia
Posts: 225
Default Hover intent for menu items

Hi I need some help trying to activate hover intent http://cherne.net/brian/resources/jquery.hoverIntent.html

on a menu. My aim is to have the images move up and then down when you hover over them and I am also having trouble getting them to line up behind the slides.

Here is what I have muddled with http://www.kimberleywebdesign.com.au/test/
__________________
Free Photoshop Tutorials
http://www.kimberleywebdesign.com.au...Tutorials.html
WotNow is offline   Reply With Quote
Old 11-16-2011, 07:09 AM   #2
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,176
Default

Make sure you name this to your correct div names I would suggest
Code:
$(document).ready(function(){
			$("#demo1 li").hover(makeTall,makeShort);
			$("#demo2 li").hoverIntent(makeTall,makeShort);
			$("#demo3 li").hoverIntent({
				over: makeTall, 
				timeout: 500, 
				out: makeShort
			});
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is online now   Reply With Quote
Old 11-16-2011, 09:50 AM   #3
WotNow
WotNow's Avatar
 
Join Date: Mar 2009
Location: Broome Western Australia
Posts: 225
Default

Hi Ed, thanks for that! I dont know javascript but it seems to be working now but not the way its supposed to. Sorry to bug you but would you mind looking at it for me, and explaining what the code does, thanks.

Also where do the little white dots in the navigation come from?
__________________
Free Photoshop Tutorials
http://www.kimberleywebdesign.com.au...Tutorials.html
WotNow is offline   Reply With Quote
Old 11-16-2011, 10:20 AM   #4
gentleone
gentleone's Avatar
 
Join Date: Nov 2009
Location: Rhodes, Greece
Posts: 2,837
Default

Quote:
Originally Posted by WotNow View Post
Also where do the little white dots in the navigation come from?
Those are the default bullets from the list items Add the property list-style-type: none on the ul in your CSS.
__________________
www.gentlemedia.nl
gentleone is offline   Reply With Quote
Old 11-16-2011, 12:59 PM   #5
WotNow
WotNow's Avatar
 
Join Date: Mar 2009
Location: Broome Western Australia
Posts: 225
Default

Thanks for that gentle one, I should have known that .. I guess it threw me because they are not next to the text. This menu is doing my head in but I am determined to get it right.

When you first load the page the menu items are sitting above the slideshow and when you hover your mouse over the navigation from left to right they sort of jump and its not until you get to the contact image at the end that the slide moves into the correct position and then if you go back and hover over the home image the slideshow jumps up and down.

Thanks so much for any help.
__________________
Free Photoshop Tutorials
http://www.kimberleywebdesign.com.au...Tutorials.html
WotNow is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 05:49 PM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com