The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript jQuery animated horizontal list, little help needed

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #24807


    I’m really newbie to JavaScript, so this is really basic.

    See example list here.

    If I ad the height of the li element, it ads the height in the bottom and my background images stay still. If I ad the margin to the top it works nice but it ads the margin to the top :) I would just like the li element to increase in height so that the backround image would move with it. You guys have any idea how would I achieve this?

    All help is tremendously appreciated!



    If you want the bus to come, just light a cigarette. Or to solve a problem, post it to forum :)

    I made a longer BG-image and positioned it to the bottom and increased the height. See it here (test2).

    I bet it could be cleaner and better… Suggestions?

    If JavaScript is disabled, how do I get it to fall back to the normal css based navigation? See what I mean hear (only-css).

    Here’s the JavaScript so far:

    $(function() {

    $(‘.page_item a’).hover(function() {

    height: “175px”

    },{queue:false, duration:70});

    }, function() {

    height: “135px”

    },{queue:false, duration:70});


Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.