Solved

Jquery easing function / hover effect issue

Posted on 2011-02-23
3
665 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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 500 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

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

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

Suggested Solutions

Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
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 to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

734 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