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

Home Forums JavaScript jquery: opacity of columns? need help.

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


    i’m currently developing a wordpress theme for my own blog. It’s based on three columns (<ul class="latest">. When the page is loaded, all three columns are kinda blurred out (opacity:0.3). If you mouseover a col it’s getting 100% in its opacity. Everything works fine. You can see the result here:here

    The only thing i want to achieve is, if i mouseout of a col towards the body this col shouldn’t blur out. So i rollover the cols, the col i’m currently over should get a 100%. However if i rollout of this col towards the rest of the screen it should keep the 100% opacity. So ONE col should always stay at a 100%.

    I’ve no idea how i can achieve this? Please help me guys. Thank you.


    That’s kind of cool. You could probably make the opacity sticky by not using a mouseout but just mouseover (but hover works better).

    $(“ul.latest”).css({opacity: 0.3});

    Thank you! awesome.

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