Home/ Questions/Q 7060411
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T04:20:59+00:00

I don’t know if I am missing something obvieouse but, I thought you can

  • 0

I don’t know if I am missing something obvieouse but, I thought you can animate images in jquery? Basically I want to achive something like that http://jsfiddle.net/Qm2FG/ but with price tags on this site http://nagomedia.blackflow.pl.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Well you just use the code that you linked to in your question but you need to select the proper elements in your HTML document:

    $('.content').children('.main').children().hover(function() {
    $(this).stop(true, true).animate({ top : "-=0.45em" }, 150);            
}, function() {
    $(this).stop(true, true).animate({ top :"+=0.45em" }, 150);
});

    When I post this code into my developer console on your website, your tags start animating when I hover over them.

    Notice the use of .stop() which is useful when using the -= and += modifiers.

    UPDATE

    You need to either put your JS at the end of your HTML document (my personal favorite) or put the code in a document.ready event handler. Your code is trying to bind to elements that don’t yet exist, so no binding is taking place.

    $(function () {
    $('.content').children('.main').children().hover(function() {
        $(this).stop(true, true).animate({ top : "-=0.45em" }, 150);            
    }, function() {
        $(this).stop(true, true).animate({ top :"+=0.45em" }, 150);
    });
});

    I like to put my JS code at the end of my HTML documents so they don’t block the rendering of the page. CSS goes in the <head> so it is available to properly style the document and JS is placed at the bottom to run once the DOM has been setup.

    • 0