{
    分享网正式开通,我们为大家提供免费资源,欢迎大家踊跃投稿!

jQuery弹出对话框和提示框动画插件

一款功能十分强大的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>


在线预览
资源均来自第三方,谨慎下载,前往第三方网站下载


米微资源分享网 , 版权所有丨本站资源仅限于学习研究,严禁从事商业或者非法活动!丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:jQuery弹出对话框和提示框动画插件
喜欢 ()分享 (0)