3 Star 0 Fork 1

Gitee 极速下载/html5tooltips-js

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
versions
html5tooltips.0.7.min.js
html5tooltips.0.8.min.js
html5tooltips.0.9.min.js
html5tooltips.1.0.1.min.js
html5tooltips.1.0.min.css
html5tooltips.1.0.min.js
html5tooltips.1.1.min.js
html5tooltips.1.2.1.min.js
html5tooltips.1.2.2.js
html5tooltips.1.2.2.min.js
html5tooltips.1.2.3.js
html5tooltips.1.2.3.min.js
html5tooltips.1.2.min.js
html5tooltips.1.3.1.min.js
html5tooltips.1.3.2.min.js
html5tooltips.1.3.min.js
html5tooltips.1.4.1.min.js
html5tooltips.1.4.2.min.js
html5tooltips.1.4.min.js
html5tooltips.1.5.1.min.js
html5tooltips.1.5.min.js
html5tooltips.1.6.0.min.js
html5tooltips.1.7.0.min.js
html5tooltips.1.7.1.min.js
html5tooltips.1.7.2.min.js
html5tooltips.1.7.3.min.js
LICENSE
README.md
bower.json
example-amd.html
example.html
html5tooltips.animation.css
html5tooltips.css
html5tooltips.js
package.json
styling.html
此仓库是为了提升国内下载速度的镜像仓库,每日同步一次。 原始仓库: https://github.com/ytiurin/html5tooltipsjs
克隆/下载
html5tooltips.1.6.0.min.js 20.17 KB
一键复制 编辑 原始数据 按行查看 历史
Yevhen Tiurin 提交于 9年前 . Update to 1.6.0
/*
* Tooltips with smooth 3D animation.
* Version 1.6.0
* (c) Eugene Tiurin; MIT license
*
* Contributors: nomiad, Friedel Ziegelmayer, Arend van Beelen jr.,
* Peter Richmond, Bruno Wego, Kahmali Rose
*
* 2016-10-11
*/
/* THIS CODE SHOULD BE COPIED TO A SEPARATE .CSS FILE AND LINKED TO A PAGE
.html5tooltip-box{background-color:#2A2A2A;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.15),0 0 10px rgba(255,255,255,.15);color:#F7F7F7;font-family:arial,sans-serif;font-size:11px;font-weight:700}.html5tooltip-box:before{background-color:inherit;box-shadow:inherit;content:'';display:block;height:12px;position:absolute;width:12px;transform:translate3d(-6px,-6px,0) rotate3d(0,0,1,45deg);left:10px;top:10px}.html5tooltip-more,.html5tooltip-text{background-color:inherit;border-radius:inherit;position:relative}.html5tooltip-text{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;padding:7px 9px}.html5tooltip-more .html5tooltip-text{margin-top:-7px}.html5tooltip-bottom .html5tooltip-box:before{left:50%;top:0}.html5tooltip-left .html5tooltip-box:before{left:100%;top:50%}.html5tooltip-right .html5tooltip-box:before{left:0;top:50%}.html5tooltip-top .html5tooltip-box:before{left:50%;top:100%}.html5tooltip-bottom,.html5tooltip-left,.html5tooltip-right,.html5tooltip-top{-moz-perspective:300px;-ms-perspective:300px;-o-perspective:300px;-webkit-perspective:300px;perspective:300px}.html5tooltip-bottom.animating,.html5tooltip-left.animating,.html5tooltip-right.animating,.html5tooltip-top.animating{transition:top .3s}.html5tooltip-box.animating{-moz-transition:opacity .3s,-moz-transform .3s;-ms-transition:opacity .3s,-ms-transform .3s;-o-transition:opacity .3s,-o-transform .3s;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s}.html5tooltip-more.animating{-moz-transition:height .3s;-ms-transition:height .3s;-o-transition:height .3s;-webkit-transition:height .3s;transition:height .3s}.fadein-from{opacity:0}.fadein-to{opacity:1}.scalein-from{opacity:0;-moz-transform:scale3d(.7,.7,.7);-ms-transform:scale3d(.7,.7,.7);-o-transform:scale3d(.7,.7,.7);-webkit-transform:scale3d(.7,.7,.7);transform:scale3d(.7,.7,.7)}.scalein-to{opacity:1;-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}.html5tooltip-bottom .scalein-to{-moz-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;-webkit-transform-origin:center top;transform-origin:center top}.html5tooltip-left .scalein-to{-moz-transform-origin:right center;-ms-transform-origin:right center;-o-transform-origin:right center;-webkit-transform-origin:right center;transform-origin:right center}.html5tooltip-right .scalein-to{-moz-transform-origin:left center;-ms-transform-origin:left center;-o-transform-origin:left center;-webkit-transform-origin:left center;transform-origin:left center}.html5tooltip-top .scalein-to{-moz-transform-origin:center bottom;-ms-transform-origin:center bottom;-o-transform-origin:center bottom;-webkit-transform-origin:center bottom;transform-origin:center bottom}.foldin-from,.foldout-from{opacity:0}.foldin-to,.foldout-to{opacity:1;-moz-transform:rotate3d(0,0,0,0);-ms-transform:rotate3d(0,0,0,0);-o-transform:rotate3d(0,0,0,0);-webkit-transform:rotate3d(0,0,0,0);transform:rotate3d(0,0,0,0)}.html5tooltip-bottom .foldin-from,.html5tooltip-top .foldout-from{-moz-transform:rotate3d(1,0,0,-90deg);-ms-transform:rotate3d(1,0,0,-90deg);-o-transform:rotate3d(1,0,0,-90deg);-webkit-transform:rotate3d(1,0,0,-90deg);transform:rotate3d(1,0,0,-90deg)}.html5tooltip-bottom .foldin-to,.html5tooltip-bottom .foldout-to{-moz-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;-webkit-transform-origin:center top;transform-origin:center top}.html5tooltip-left .foldin-from,.html5tooltip-right .foldout-from{-moz-transform:rotate3d(0,1,0,-90deg);-ms-transform:rotate3d(0,1,0,-90deg);-o-transform:rotate3d(0,1,0,-90deg);-webkit-transform:rotate3d(0,1,0,-90deg);transform:rotate3d(0,1,0,-90deg)}.html5tooltip-left .foldin-to,.html5tooltip-left .foldout-to{-moz-transform-origin:right center;-ms-transform-origin:right center;-o-transform-origin:right center;-webkit-transform-origin:right center;transform-origin:right center}.html5tooltip-left .foldout-from,.html5tooltip-right .foldin-from{-moz-transform:rotate3d(0,1,0,90deg);-ms-transform:rotate3d(0,1,0,90deg);-o-transform:rotate3d(0,1,0,90deg);-webkit-transform:rotate3d(0,1,0,90deg);transform:rotate3d(0,1,0,90deg)}.html5tooltip-right .foldin-to,.html5tooltip-right .foldout-to{-moz-transform-origin:left center;-ms-transform-origin:left center;-o-transform-origin:left center;-webkit-transform-origin:left center;transform-origin:left center}.html5tooltip-bottom .foldout-from,.html5tooltip-top .foldin-from{-moz-transform:rotate3d(1,0,0,90deg);-ms-transform:rotate3d(1,0,0,90deg);-o-transform:rotate3d(1,0,0,90deg);-webkit-transform:rotate3d(1,0,0,90deg);transform:rotate3d(1,0,0,90deg)}.html5tooltip-top .foldin-to,.html5tooltip-top .foldout-to{-moz-transform-origin:center bottom;-ms-transform-origin:center bottom;-o-transform-origin:center bottom;-webkit-transform-origin:center bottom;transform-origin:center bottom}.slidein-from{opacity:0}.slidein-to{opacity:1;-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.html5tooltip-bottom .slidein-from{-moz-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);-o-transform:translate3d(0,20px,0);-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}.html5tooltip-left .slidein-from{-moz-transform:translate3d(-20px,0,0);-ms-transform:translate3d(-20px,0,0);-o-transform:translate3d(-20px,0,0);-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}.html5tooltip-right .slidein-from{-moz-transform:translate3d(20px,0,0);-ms-transform:translate3d(20px,0,0);-o-transform:translate3d(20px,0,0);-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}.html5tooltip-top .slidein-from{-moz-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);-o-transform:translate3d(0,-20px,0);-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}.roll-from{opacity:0}.roll-to{opacity:1;-moz-transform:rotate3d(0,0,0,0);-ms-transform:rotate3d(0,0,0,0);-o-transform:rotate3d(0,0,0,0);-webkit-transform:rotate3d(0,0,0,0);transform:rotate3d(0,0,0,0)}.html5tooltip-bottom .roll-from{-moz-transform:rotate3d(0,0,1,-30deg);-ms-transform:rotate3d(0,0,1,-30deg);-o-transform:rotate3d(0,0,1,-30deg);-webkit-transform:rotate3d(0,0,1,-30deg);transform:rotate3d(0,0,1,-30deg)}.html5tooltip-bottom .roll-to{-moz-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;-webkit-transform-origin:center top;transform-origin:center top}.html5tooltip-left .roll-from{-moz-transform:rotate3d(0,0,1,30deg);-ms-transform:rotate3d(0,0,1,30deg);-o-transform:rotate3d(0,0,1,30deg);-webkit-transform:rotate3d(0,0,1,30deg);transform:rotate3d(0,0,1,30deg)}.html5tooltip-left .roll-to{-moz-transform-origin:right center;-ms-transform-origin:right center;-o-transform-origin:right center;-webkit-transform-origin:right center;transform-origin:right center}.html5tooltip-right .roll-from{-moz-transform:rotate3d(0,0,1,-30deg);-ms-transform:rotate3d(0,0,1,-30deg);-o-transform:rotate3d(0,0,1,-30deg);-webkit-transform:rotate3d(0,0,1,-30deg);transform:rotate3d(0,0,1,-30deg)}.html5tooltip-right .roll-to{-moz-transform-origin:left center;-ms-transform-origin:left center;-o-transform-origin:left center;-webkit-transform-origin:left center;transform-origin:left center}.html5tooltip-top .roll-from{-moz-transform:rotate3d(0,0,1,30deg);-ms-transform:rotate3d(0,0,1,30deg);-o-transform:rotate3d(0,0,1,30deg);-webkit-transform:rotate3d(0,0,1,30deg);transform:rotate3d(0,0,1,30deg)}.html5tooltip-top .roll-to{-moz-transform-origin:center bottom;-ms-transform-origin:center bottom;-o-transform-origin:center bottom;-webkit-transform-origin:center bottom;transform-origin:center bottom}.spin-from{opacity:0}.spin-to{opacity:1;-moz-transform:rotate3d(0,0,0,0) translate3d(0,0,0);-ms-transform:rotate3d(0,0,0,0) translate3d(0,0,0);-o-transform:rotate3d(0,0,0,0) translate3d(0,0,0);-webkit-transform:rotate3d(0,0,0,0) translate3d(0,0,0);transform:rotate3d(0,0,0,0) translate3d(0,0,0)}.html5tooltip-bottom .spin-from{-moz-transform:rotate3d(0,1,0,90deg) translate3d(0,20px,0);-ms-transform:rotate3d(0,1,0,90deg) translate3d(0,20px,0);-o-transform:rotate3d(0,1,0,90deg) translate3d(0,20px,0);-webkit-transform:rotate3d(0,1,0,90deg) translate3d(0,20px,0);transform:rotate3d(0,1,0,90deg) translate3d(0,20px,0)}.html5tooltip-left .spin-from{-moz-transform:rotate3d(1,0,0,-90deg) translate3d(-20px,0,0);-ms-transform:rotate3d(1,0,0,-90deg) translate3d(-20px,0,0);-o-transform:rotate3d(1,0,0,-90deg) translate3d(-20px,0,0);-webkit-transform:rotate3d(1,0,0,-90deg) translate3d(-20px,0,0);transform:rotate3d(1,0,0,-90deg) translate3d(-20px,0,0)}.html5tooltip-right .spin-from{-moz-transform:rotate3d(1,0,0,-90deg) translate3d(20px,0,0);-ms-transform:rotate3d(1,0,0,-90deg) translate3d(20px,0,0);-o-transform:rotate3d(1,0,0,-90deg) translate3d(20px,0,0);-webkit-transform:rotate3d(1,0,0,-90deg) translate3d(20px,0,0);transform:rotate3d(1,0,0,-90deg) translate3d(20px,0,0)}.html5tooltip-top .spin-from{-moz-transform:rotate3d(0,1,0,90deg) translate3d(0,-20px,0);-ms-transform:rotate3d(0,1,0,90deg) translate3d(0,-20px,0);-o-transform:rotate3d(0,1,0,90deg) translate3d(0,-20px,0);-webkit-transform:rotate3d(0,1,0,90deg) translate3d(0,-20px,0);transform:rotate3d(0,1,0,90deg) translate3d(0,-20px,0)}
*/
(function(a,b){if(typeof define==='function'&&define.amd){define([],b)}else if(typeof module==='object'&&module.exports){module.exports=b()}else{a.html5tooltips=b()}}(this,function(){'use strict';var l='<div class="html5tooltip" style="box-sizing:border-box;position:fixed;z-index:2147483647"> <div class="html5tooltip-box" box> <div class="html5tooltip-text" text></div> <div class="html5tooltip-more" style="overflow:hidden;" more> <div class="html5tooltip-text" more-text></div> </div> </div></div>',html5tooltipsPredefined={animateFunction:{fadeIn:"fadein",foldIn:"foldin",foldOut:"foldout",roll:"roll",scaleIn:"scalein",slideIn:"slidein",spin:"spin"},color:{"daffodil":{r:255,g:230,b:23},"daisy":{r:250,g:211,b:28},"mustard":{r:253,g:183,b:23},"citrus zest":{r:250,g:170,b:33},"pumpkin":{r:241,g:117,b:63},"tangerine":{r:237,g:87,b:36},"salmon":{r:240,g:70,b:57},"persimmon":{r:234,g:40,b:48},"rouge":{r:188,g:35,b:38},"scarlet":{r:140,g:12,b:3},"hot pink":{r:229,g:24,b:93},"princess":{r:243,g:132,b:174},"petal":{r:250,g:198,b:210},"lilac":{r:178,g:150,b:199},"lavender":{r:123,g:103,b:174},"violet":{r:95,g:53,b:119},"cloud":{r:195,g:222,b:241},"dream":{r:85,g:190,b:237},"gulf":{r:49,g:168,b:224},"turquoise":{r:35,g:138,b:204},"sky":{r:13,g:96,b:174},"indigo":{r:20,g:59,b:134},"navy":{r:0,g:27,b:74},"sea foam":{r:125,g:205,b:194},"teal":{r:0,g:168,b:168},"peacock":{r:18,g:149,b:159},"ceadon":{r:193,g:209,b:138},"olive":{r:121,g:145,b:85},"bamboo":{r:128,g:188,b:66},"grass":{r:74,g:160,b:63},"kelly":{r:22,g:136,b:74},"forrest":{r:0,g:63,b:46},"chocolate":{r:56,g:30,b:17},"terra cotta":{r:192,g:92,b:32},"camel":{r:191,g:155,b:107},"linen":{r:233,g:212,b:167},"stone":{r:231,g:230,b:225},"smoke":{r:207,g:208,b:210},"steel":{r:138,g:139,b:143},"slate":{r:119,g:133,b:144},"charcoal":{r:71,g:77,b:77},"black":{r:5,g:6,b:8},"white":{r:255,g:255,b:255},"metalic silver":{r:152,g:162,b:171},"metalic gold":{r:159,g:135,b:89},"metalic copper":{r:140,g:102,b:65}},stickTo:{bottom:"bottom",left:"left",right:"right",top:"top"}},defaultOptions={animateDuration:300,animateFunction:html5tooltipsPredefined.animateFunction.fadeIn,delay:500,disableAnimation:false,stickTo:html5tooltipsPredefined.stickTo.bottom,stickDistance:10};function Component(f,h){function toArray(a,b){return Array.prototype.slice.call(a,b)}function argsToObj(b){var c=toArray(b).map(function(a){return typeof a});var d={};if(c[0]==='object')d=b[0];else if(c[0]==='string'){var e=b[0].split(' ');for(var i in e)d[e[i]]=b[1]}else if(c[0]==='function')d={'':b[0]};return d}function gainAnchorElements(a,b){var c;for(var i=0;i<a.length;i++){for(var j=0;j<a[i].attributes.length;j++){c=a[i].attributes.item(j).name.replace(/-([a-z])/g,function(g){return g[1].toUpperCase()});b[c]=b[c]||[];b[c].push(a[i])}gainAnchorElements(a[i].children,b)}}function notifyObservers(a){clearTimeout(notifyTimeoutID[a]);notifyTimeoutID[a]=setTimeout(function(){for(var i in modelObservers[a])modelObservers[a][i](k.model[a]);if(modelObservers[''])for(var i in modelObservers[''])modelObservers[''][i]()})}var k=this,eventCallbacks={},modelObservers={},notifyTimeoutID={};k.anchors=[];k.elements=[];k.model={};k.publ=f||{};k.destroy=function(){k.unmount()};k.dispatch=function(a){var b=toArray(arguments,1);setTimeout(function(){for(var i in eventCallbacks[a])eventCallbacks[a][i].apply(k.publ,b)})};k.onModelUpdate=function(){var a=argsToObj(arguments);for(var b in a){k.model[b]=k.model[b]||null;modelObservers[b]=modelObservers[b]||[];modelObservers[b].push(a[b]);notifyObservers(b)}};k.mount=function(a){a=a||document.body;try{var b,i=0;while(b=k.elements[i++])a.appendChild(b)}catch(e){throw"Could not mount component: "+e.message;}};k.set=function(){var a=argsToObj(arguments);for(var b in a){k.model[b]=a[b];notifyObservers(b)}};k.unmount=function(){var a,i=0;while(a=k.elements[i++])a.parentNode&&a.parentNode.removeChild(a)};Object.defineProperty(k,'element',{configurable:true,enumerable:true,get:function(){return k.elements[0]},set:function(a){k.elements[0]=a}});['element','elements','model','set','unmount'].forEach(function(b){Object.defineProperty(k.publ,b,{configurable:true,enumerable:true,get:function(){return k[b]},set:function(a){k[b]=a}})});k.publ.destroy=function(){k.destroy()};k.publ.mount=function(a){k.mount(a)};k.publ.on=function(){var a=argsToObj(arguments);for(var b in a){eventCallbacks[b]=eventCallbacks[b]||[];eventCallbacks[b].push(a[b])}};if(h&&document){var p=document.createElement('div');p.innerHTML=h;k.elements=toArray(p.children);gainAnchorElements(k.elements,k.anchors)}}function HTML5TooltipUIComponent(){function animateElementClass(a,b){if(!g.disableAnimation){a.getBoundingClientRect();a.classList.add("animating");b&&b();setTimeout(function(){a.classList.remove("animating")},g.animateDuration)}else b()}function applyAnimationClass(a,b,c,d){if(!g.disableAnimation){a.classList.add(b);a.getBoundingClientRect();a.classList.add("animating");a.classList.remove(b);a.classList.add(c);if(d)d();setTimeout(function(){a.classList.remove("animating");a.classList.remove(c)},g.animateDuration)}else if(d)d()}function hide(){if(ttElement.style.visibility!=='collapse')ttElement.style.visibility='collapse';ttElement.style.left='-9999px';ttElement.style.top='-9999px';if(elMore.style.display!=='none'){elMore.style.display='none';elMore.style.visibility='collapse';elMore.style.height='auto'}return this}function moveTooltip(){var a,ttRect;if(!e.model.target||ttElement.style.visibility!=='visible')return;ttElement.style.width="auto";ttRect=ttElement.getBoundingClientRect();var b=parseInt(g.maxWidth);if(b)ttElement.style.width=ttRect.width>b?b+"px":"auto";a=e.model.target.getBoundingClientRect();ttRect=ttElement.getBoundingClientRect();switch(g.stickTo){case html5tooltipsPredefined.stickTo.bottom:ttElement.style.left=a.left+parseInt((a.width-ttRect.width)/2)+"px";ttElement.style.top=a.top+a.height+parseInt(g.stickDistance)+"px";break;case html5tooltipsPredefined.stickTo.left:ttElement.style.left=a.left-ttRect.width-parseInt(g.stickDistance)+"px";ttElement.style.top=a.top+(a.height-ttRect.height)/2+"px";break;case html5tooltipsPredefined.stickTo.right:ttElement.style.left=a.left+a.width+parseInt(g.stickDistance)+"px";ttElement.style.top=a.top+(a.height-ttRect.height)/2+"px";break;case html5tooltipsPredefined.stickTo.top:ttElement.style.left=a.left+(a.width-ttRect.width)/2+"px";ttElement.style.top=a.top-ttRect.height-parseInt(g.stickDistance)+"px";break}}function show(){if(ttElement.style.visibility!=='visible'){ttElement.style.visibility='visible';setTimeout(function(){moveTooltip();applyAnimationClass(f,g.animateFunction+"-from",g.animateFunction+"-to")})}return this}function showMore(){if(ttElement.style.visibility!=='visible'){ttElement.style.visibility='visible';applyAnimationClass(f,g.animateFunction+"-from",g.animateFunction+"-to");if(g.contentMore){elMore.style.display='block';elMore.style.visibility='visible'}moveTooltip()}else if(elMore.style.display!=='block'&&g.contentMore){elMore.style.display='block';animateElementClass(ttElement);moveTooltip();var h=elMore.getBoundingClientRect().height;elMore.style.visibility='visible';elMore.style.height='0px';animateElementClass(elMore,function(){elMore.style.height=h>0?h+'px':"auto"})}return this}var e=new Component(this,l);var f=e.anchors.box[0],elText=e.anchors.text[0],elMore=e.anchors.more[0],elMoreText=e.anchors.moreText[0],ttElement=e.elements[0];hide();if(typeof window!=='undefined')window.addEventListener("scroll",moveTooltip,false);e.set(defaultOptions);var g=e.model;e.onModelUpdate({color:function(a){if(html5tooltipsPredefined.color[a]){a=html5tooltipsPredefined.color[a];a="rgb("+a.r+", "+a.g+", "+a.b+")"}f.style.backgroundColor=a},contentText:function(a){e.anchors.text[0].innerHTML=a},contentMore:function(a){e.anchors.moreText[0].innerHTML=a},stickTo:function(a){e.elements[0].className="html5tooltip-"+a}});this.hide=hide;this.show=show;this.showMore=showMore}var m=[],DOMTooltips=[];function createTooltip(a,b,c){var d;for(var i=c.length;i--;)if(c[i].model.target===a){d=c[i];break}if(!d){d=new HTML5TooltipUIComponent;c.push(d)}d.set(b);d.set('target',a);var e,focused;a.addEventListener("mouseenter",function(){if(this===e||this===focused)return;e=this;d.mount();setTimeout(function(){if(this===e){d.show()}}.bind(this),d.model.delay)});a.addEventListener("mouseleave",function(){e=null;if(this!==focused){d.hide();d.unmount()}});a.addEventListener("focus",function(){if(["INPUT","TEXTAREA"].indexOf(this.tagName)===-1&&this.getAttribute("contenteditable")===null)return;focused=this;d.mount();d.showMore()});a.addEventListener("blur",function(){focused=null;d.hide();d.unmount()})}function getElementsByAttribute(a,b){var c=(b||document).getElementsByTagName('*'),nodes=[];for(var i=0,node;node=c[i];i++){if(node.getAttribute(a))nodes.push(node)}return nodes}function extractOptionAttribute(a,b,c){var d=a.getAttribute(b),nextParent=a;while(!d&&(nextParent=nextParent.parentNode)&&nextParent.getAttribute)d=nextParent.getAttribute(b);return d||c}function createDOMTooltips(){getElementsByAttribute("data-tooltip").forEach(function(a){var b={animateFunction:extractOptionAttribute(a,"data-tooltip-animate-function",defaultOptions.animateFunction),color:extractOptionAttribute(a,"data-tooltip-color",''),contentMore:extractOptionAttribute(a,"data-tooltip-more",''),contentText:extractOptionAttribute(a,"data-tooltip",''),delay:extractOptionAttribute(a,"data-tooltip-delay",defaultOptions.delay),maxWidth:extractOptionAttribute(a,"data-tooltip-maxwidth",'auto'),stickTo:extractOptionAttribute(a,"data-tooltip-stickto",defaultOptions.stickTo)};createTooltip(a,b,DOMTooltips)})}function getElementsBySelector(a,b){var c=[];try{c=Array.prototype.slice.call((b||document).querySelectorAll(a))}catch(exc){}return c}function createUserTooltips(d){d.forEach(function(b){var c=[];if(b.targetSelector)c=getElementsBySelector(b.targetSelector);c.forEach(function(a){createTooltip(a,b,m)})})}var n=function(a){if(!Array.isArray(a))a=[a];createUserTooltips(a)};n.autoinit=n.refresh=function(){createDOMTooltips()};n.getTooltipByTarget=function(a){for(var i=m.length;i--;)if(m[i].model.target===a)return m[i];for(var i=DOMTooltips.length;i--;)if(DOMTooltips[i].model.target===a)return DOMTooltips[i]};function documentLoaded(){document.removeEventListener("DOMContentLoaded",documentLoaded,false);window.removeEventListener("load",documentLoaded,false);n.refresh()}if(typeof window!=='undefined'){if(document.readyState==="complete"){documentLoaded()}else{document.addEventListener("DOMContentLoaded",documentLoaded,false);window.addEventListener("load",documentLoaded,false)}if(!window.html5tooltipsPredefined){window.html5tooltipsPredefined=html5tooltipsPredefined;window.HTML5TooltipUIComponent=HTML5TooltipUIComponent}}return n}));
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/mirrors/html5tooltips-js.git
git@gitee.com:mirrors/html5tooltips-js.git
mirrors
html5tooltips-js
html5tooltips-js
master

搜索帮助