
一款功能十分强大的jQuery弹出对话框和提示框动画插件,动画效果有很多种,具体看演示。
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>










暂无评论内容