Skip to content

Latest commit

 

History

History
67 lines (55 loc) · 1.82 KB

Examples.md

File metadata and controls

67 lines (55 loc) · 1.82 KB

Purple_dropdownFXselect

Examples of alternate effect option:

PurpleStore_dropdownFXselect

    <script>
        $(function() {
            $('.dropdown_select').dropdownSelect({
                fxOption: {direction: 'up', easing: 'easeOutBounce'},
                fxDuration: 1000,
                arrowClass: 'arrow_up'
            });
        });
    </script>

PurpleBounce_dropdownFXselect

  <script>
        $(function() {
            $('.dropdown_select').dropdownSelect({
                fx: 'bounce',
                fxOption: {direction: 'vertical'},
                fxDuration: 1000,
                arrowClass: 'arrow_left'
            });
        });
    </script>

PurpleBoom_dropdownFXselect

   <script>
        $(function() {
            $('.dropdown_select').dropdownSelect({
                fx: 'explode',
                fxOption: {pieces: 144},
                fxDuration: 800,
            });
        });
    </script>

PurplePuffyStic_dropdownFXselect

   <script>
        $(function() {
            $('.dropdown_select').dropdownSelect({
                fx: 'puff',
                fxOption: {easing: 'easeInOutElastic', direction: 'down'},
                fxDuration: 1200  
            });
        });
    </script>

PurpleShakyShake_dropdownFXselect

    <script>
        $(function() {
            $('.dropdown_select').dropdownSelect({
                fx: 'shake',
                fxOption: {easing: 'easeOutBounce', distance: 60},
                fxDuration: 1000,
                arrowClass: 'arrow_right'
            });
        });
    </script>