← Back
Editing: info-tip.js
!function(t){"use strict";function i(){this.bodyEl=t("body"),this.wnEl=t(window)}i.prototype.setWnWidth=function(){this.wnWidth=this.wnEl.width()},i.prototype.hide=function(){this.el.removeClass("is-active"),this.bodyEl.children("[data-info-tip-content]").remove()},i.prototype.init=function(){var i=this;i.el.length&&(i.setWnWidth(),i.el.on("mouseover",(function(){var n=t(this),e=n.offset(),o=n.children("p");if(!n.hasClass("is-active")){n.addClass("is-active"),e.left=e.left-40,o=o.clone().css({transform:"translate3d("+e.left+"px, "+e.top+"px, 0px)"}).appendTo(i.bodyEl),e.left=e.left+10,o.contentWidth=o.outerWidth();var s=o.contentWidth-(e.left+o.contentWidth-i.wnWidth);s<o.contentWidth&&o.css("width",s)}})).on("mouseleave",(function(){i.hide()})),this.wnEl.on("resize",(function(){n.setWnWidth(),n.hide()})))};var n=new i;t(window).on("load",(function(){n.el=t("[data-info-tip]"),n.init()}))}(jQuery);
Save File
Cancel