script.aculo.us Shake Effect Last Updated : 30 Dec, 2020 Comments Improve Suggest changes Like Article Like Report This effect falls under JavaScript's UI library called script.aculo.us. script.aculo.us is a JavaScript library built on the Prototype JavaScript Framework. This library gives us dynamic visual effects with the help of the Document Object Model (DOM). Now let's learn specifically about script.aculo.us Shake Effect Shake Effect causes the Target image to move back and forward three times. Let's see practical implementation of this effect along with HTML. Syntax: new Effect.Shake('id_of_element', [options]); OR new Effect.Shake(element, [options]); Example: html <html> <head> <title>script.aculo.us Shake Effect</title> <!-- Adding required scripts for Shake Effect --> <script type="text/javascript" src="/javascript/prototype.js"></script> <script type="text/javascript" src= "/javascript/scriptaculous.js?load = effects"> </script> <script type="text/javascript"> <!-- script.aculo.us - Shake Effect --> function ShakeEffect(element){ new Effect.Shake(element); } </script> </head> <body> <!-- HTML division with id and onclick functionality--> <div id="myimage" onclick="ShakeEffect(this);"> <img src="logo.jpg" alt="Screenshot" /> <h2>Click here to Shake element</h2> </div> </body> </html> Output: When you click on that text, the image will shake. Comment More infoAdvertise with us Next Article script.aculo.us Shrink Effect R romilvishol Follow Improve Article Tags : JavaScript Web Technologies script.aculo.us Similar Reads script.aculo.us Shrink Effect In this article, we will demonstrate the effect of Shrink by using a JavaScript library called script.aculo.us shrinking an element into a particular direction and hiding when the effect is complete. We can adjust the duration of the effect as well. Syntax: Effect.Shrink('id_of_element'); // or Effe 2 min read script.aculo.us Squish Effect In this article, we will demonstrate the Squish effect by using a JavaScript library called script.aculo.us having a smooth scaling down of the size with the left corner remaining stationary. We can adjust the duration of the effect as well. Syntax: Effect.Squish('id_of_element'); // Or Effect.Squis 2 min read script.aculo.us SlideUp Effect In this article, we will demonstrate the visual effect of SlideUp option by using JavaScript library called script.aculo.us having smooth transition from one to another. We can adjust the duration of the effect as well. Syntax : Effect.SlideUp('id_of_element'); or Effect.SlideUp('id_of_element', { d 2 min read script.aculo.us SlideDown Effect In this article we will demonstrate the effect of SlideDown by using JavaScript library called script.aculo.us having smooth transition from one to another. We can adjust the duration of the effect as well. Syntax : Effect.SlideDown('id_of_element'); Effect.SlideDown('id_of_element', { duration: 3.0 2 min read script.aculo.us SwitchOff Effect In this article, we will demonstrate the visual effect of SwitchOff option by using JavaScript library called script.aculo.us having smooth transition from one to another. We can adjust the duration of the effect as well. Syntax: Effect.SwitchOff('id_of_element'); Note: To use this library, we are s 2 min read script.aculo.us tagifyText Effect In this article we will demonstrate the effect of tagifyText by using javascript library called script.aculo.us having smooth transition from one to another. We can adjust the duration of the effect as well. Syntax: Effect.tagifyText(element); Note: To use this library we are suppose to install the 1 min read Like