Solved

Jquery easing function / hover effect issue

Posted on 2011-02-23
3
644 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:shinuq
Comment Utility
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:shinuq
Comment Utility
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 500 total points
Comment Utility
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

What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

Join & Write a Comment

As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
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…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

743 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

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now