ShakeBorder jQuery Plugin

Shake and Border (Demo)

ShakeBorder jQuery

Quick start

1.- Include the files


    <!-- Bootstrap and JQuery -->
    <link rel="stylesheet" href="bootstrap.min.css">
    <script src="jquery.min.js"> </script>
        
    <!-- Plugin -->
    <link rel="stylesheet" href="ShakeBorder.css">
    <script src="ShakeBorder.js"></script>

2.- Create HTML Element


   <img class="ShakeAndBorder" alt="Cubexy.js"  src="img/jquery-html5-avtargenerator-Cubexy.png" />



<img class="ShakeAndBorder" alt="SimpleCalculadora" src="img/jquery-bootstrap-calculator.png" />



<img class="ShakeAndBorder" alt="3dCover" src="img/jquery-css3-cover3d.jpg" />

3.- Call the the plugin on a container as your wish


                 $('.ShakeAndBorder').ShakeBorder();

4.- All done!

Options

you can custom by passing options when call the plugin, all available options are listed below. call the the plugin on a container wish you wish


        $('.ShakeAndBorder').ShakeBorder({
                    option: value,
                    option2: value2
       });

Demo (Options)


        { 
        shake:true, /* enabled shake  effect */
        border:true /* enabled border effect*/
        }

Shake enabled=false


        $('.NoBorder').ShakeBorder({ shake: false });

border enabled=false


        $('.Noshake').ShakeBorder({ border: false });