I want to set the opacity of all elements on the page to .5 except for the navigation and the logo.
Is there a simple way to do this using jquery.
This is probably best achieved using CSS, unless you’re wanting to do it after the page has already loaded (i.e. when a user clicks something).
If so, here is some sample code that I’ve just written (untested), based on http://docs.jquery.com/Selectors/all:
Hope that helps!
Nope that doesn’t seem to work at all… is there any way to exclude certain div’s from a selection… like $("body > div") but not div’s with an id of nav
I got it to work
$(“body > div[id!=nav_wrapper], #upper_right_nav”).fadeTo(500, .3);
Even that seems to give me a bunch of problems so I got this plugin for jquery called expose http://flowplayer.org/tools/expose.html which works great.
If you want to see it in action goto http://www.layersdesignstudio.com/websites/saloon_ro/
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".