首页 / JQUERYUI / jqueryui动画一窥之jquery.ui.effect-transfer.js

jqueryui动画一窥之jquery.ui.effect-transfer.js

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jqueryui动画一窥之jquery.ui.effect-transfer.js，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1100字，纯文字阅读大概需要2分钟。

内容图文

(function( $, undefined ) {   //-----闭包，熟了不能再熟了

$.effects.effect.transfer = function( o, done ) {
	var elem = $( this ),
		target = $( o.to ),                                //最终移到到的目标元素
		targetFixed = target.css( "position" ) === "fixed",
		body = $("body"),
		fixTop = targetFixed ? body.scrollTop() : 0,
		fixLeft = targetFixed ? body.scrollLeft() : 0,
		endPosition = target.offset(),
		animation = {
			top: endPosition.top - fixTop ,
			left: endPosition.left - fixLeft ,
			height: target.innerHeight(),
			width: target.innerWidth()
		},
		startPosition = elem.offset(),
		transfer = $( '<div class="ui-effects-transfer"></div>' )  //--------------构造动画元素
			.appendTo( document.body )
			.addClass( o.className )
			.css({
				top: startPosition.top - fixTop ,
				left: startPosition.left - fixLeft ,
				height: elem.innerHeight(),
				width: elem.innerWidth(),
				position: targetFixed ? "fixed" : "absolute"  //---------------定位
			})
			.animate( animation, o.duration, o.easing, function() {
				transfer.remove(); //--------------- 动画结束移除
				done();   //---动画完成
			});
};

})(jQuery);

原文：http://blog.csdn.net/spy19881201/article/details/43486899

内容总结

以上是互联网集市为您收集整理的jqueryui动画一窥之jquery.ui.effect-transfer.js全部内容，希望文章能够帮你解决jqueryui动画一窥之jquery.ui.effect-transfer.js所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1220469.html

来源：【匿名】