In this recipe we will use background color and chain effects to bring a user's attention to some text.
Remember that flashing text can induce seizures. Think about the audience that will be using your application and keep flashing to a minimum. Use this effect in forms where changes in the DOM might be missed or mandatory form fields need to have the users' attention brought to them.
Use Fx.Tween()
to animate a single CSS property.
<script type="text/javascript" src="mootools-1.3.0.js"></script> </head> <body> <form action="javascript:" method="get"> <input id="submit" type="button" value="Find Lorem"/> </form> <div id="lorem_ipsum"> <h2 id="lorem_ipsum_h2">Lorem ipsum</h2> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br/><br/>Donec eu sem velit, in cursus ligula. <br/><br/>Vestibulum commodo metus a ipsum ornare id faucibus...