Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Jquery easing function / hover effect issue

Posted on 2011-02-23
3
Medium Priority
?
687 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

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
This article discusses how to implement server side field validation and display customized error messages to the client.
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
Suggested Courses

971 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