YUI Library JavaScript DHTML

  1. Home
  2. JavaScript DHTML
  3. YUI Library
  4. Use Doms setStyle method to set the opacity of the element




    
Using setStyle

/*margin and padding on body element
  can introduce errors in determining
  element position and are not recommended;
  we turn them off as a foundation for YUI
  CSS treatments. */
body {
  margin:0;
  padding:0;
}





#foo {
    background-color:#00f;
    color:#fff;
    height:100px;
    width:100px;
    margin-bottom:1em;
}




Using setStyle



  

Clicking the button will use Dom's setStyle method to set the opacity of the element.


      


Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

run

(function() {
    var fade = function() {
        YAHOO.util.Dom.setStyle('foo', 'opacity', 0.5);
    };
    YAHOO.util.Event.on('demo-run', 'click', fade);
    YAHOO.log("The example has finished loading; as you interact with it, you'll see log messages appearing here.", "info", "example");
})();





   
  
yui_2.7.0b.zip( 4,431 k)