Learn script.aculo.us
script.aculo.us Resources
Selected Reading
© 2011 TutorialsPoint.COM
|
script.aculo.us BlindDown Effects
Description:
This effect simulates a window blind, where the contents of the affected elements stay in place.
Syntax:
You can use one of the following two forms to use this effect:
new Effect.BlindDown('id_of_element', [options]);
OR
new Effect.BlindDown(element, [options]);
|
Effect Specific Parameters:
This effect does not have any other parameter except common parameters.
Example:
<html>
<head>
<title>script.aculo.us examples</title>
<script type="text/javascript"
src="/javascript/prototype.js"></script>
<script type="text/javascript"
src="/javascript/scriptaculous.js?load=effects"></script>
<script type="text/javascript">
function BDEffect(element){
new Effect.BlindDown(element, {duration:3});
}
</script>
</head>
<body>
<div id="myimage" onclick="BDEffect(this);">
<img src="/images/scriptaculous.gif" alt="script.aculo.us" />
<h2>Click me to down the blind</h2>
</div>
</body>
</html>
|
To understand it in better way you can Try it yourself.
|
|
|