Copyright © tutorialspoint.com
This method sets the visual opacity of an element while working around inconsistencies in various browsers.
The opacity argument should be a floating point number, where the value of 0 is fully transparent and 1 is fully opaque.
Element.setStyle method uses setOpacity internally to set opacity.
element.setOpacity(opacity); |
<html>
<head>
<title>Prototype examples</title>
<script type="text/javascript"
src="/javascript/prototype.js">
</script>
<script>
function reduceOpacity()
{
$('test').setOpacity( 0.5 );
// This is equivalent to
// Element.setStyle({ opacity: 0.5 });
}
</script>
</head>
<body">
<p id="test">Click the button to see the result.</p>
<input type="button" value="Click" onclick="reduceOpacity();"/>
</body>
</html>
|
To understand it in better way you can Try it yourself.
Copyright © tutorialspoint.com