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

jQuery弹出对话框和提示框动画插件-精品资源网
jQuery弹出对话框和提示框动画插件
此内容为免费资源,请登录后查看
0
免费资源

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>

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容