?
Solved

Jquery easing function / hover effect issue

Posted on 2011-02-23
3
Medium Priority
?
705 Views
Last Modified: 2012-05-11
I cannot figure out why the hover on the "kmac" is working on my old site, but not on the new site I am currently building.  Please take a look and let me know:

www.k-mac.ca  (This one is working)

www.k-mac.ca/Test  (this one is not)

I don't know what I'm missing...any help would be great, thanks!

Please note I asked this yesterday and thought the problem was because a tag wasn't closed in the HTML.  But this problem has poped up again...and the HTML Validates so I don't know what it could be.
0
Comment
Question by:leena42
  • 2
3 Comments
 
LVL 17

Expert Comment

by:Shinesh Premrajan
ID: 34960397
Both of them are not working, in the working URL- that you gave it seems to have some image path issues.
0
 
LVL 17

Expert Comment

by:Shinesh Premrajan
ID: 34960421
reset.css
text.css
960.css
default.css
are missing in the server.Similarly there are couple of images that are missing.

0
 
LVL 12

Accepted Solution

by:
Chad Haney earned 2000 total points
ID: 34961929
Looks like the jquery is actually not properly written in the RollOverEffect.js.   Not sure why it was working in the first place.  


Try this code, I got it to work running it on your page, when I couldn't get your current version to work.
$('#M a').css('backgroundPosition', '0px 0px')
	.hover(function(){
		$(this).stop().animate({
			backgroundPosition:'-326px 0px'
		}, 300);
	},function(){
		$(this).stop().animate({
			backgroundPosition:'0px 0px'
		}, 300, function(){
			$(this).css('backgroundPosition', '0px 0px');
		});
	});

Open in new window

0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…

569 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question