js代码
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script> <script src="js/bootstrap.min.js"></script> <script src='js/velocity.min.js'></script> <script src='js/velocity.ui.min.js'></script> <script type="text/javascript"> // add the animation to the popover $('a[rel=popover]').popover().click(function(e) { e.preventDefault(); var open = $(this).attr('data-easein'); if (open == 'shake') { $(this).next().velocity('callout.' + open); } else if (open == 'pulse') { $(this).next().velocity('callout.' + open); } else if (open == 'tada') { $(this).next().velocity('callout.' + open); } else if (open == 'flash') { $(this).next().velocity('callout.' + open); } else if (open == 'bounce') { $(this).next().velocity('callout.' + open); } else if (open == 'swing') { $(this).next().velocity('callout.' + open); } else { $(this).next().velocity('transition.' + open); } }); // add the animation to the modal $(".modal").each(function(index) { $(this).on('show.bs.modal', function(e) { var open = $(this).attr('data-easein'); if (open == 'shake') { $('.modal-dialog').velocity('callout.' + open); } else if (open == 'pulse') { $('.modal-dialog').velocity('callout.' + open); } else if (open == 'tada') { $('.modal-dialog').velocity('callout.' + open); } else if (open == 'flash') { $('.modal-dialog').velocity('callout.' + open); } else if (open == 'bounce') { $('.modal-dialog').velocity('callout.' + open); } else if (open == 'swing') { $('.modal-dialog').velocity('callout.' + open); } else { $('.modal-dialog').velocity('transition.' + open); } }); }); </script>