首页>>Jquery文字>>toolgif 演示,tips 是gif图片(2016-10-07)

toolgif 演示,tips 是gif图片

toolgif 演示,tips 是gif图片

 

XML/HTML Code
  1. div class="container">  
  2. <p>Random GIFs: <span class="toolgif">Hover Me</span>.</p>  
  3. <p>Custom GIF: <span class="toolgif" data-url="http://66.media.tumblr.com/0b05c6d462cfd59a25722c7843a12207/tumblr_ob8ivb32NO1v9gbpno1_400.gif">Hover Me</span>.</p>  
  4. <p>Custom Tag: <span class="toolgif" data-tag="fitness">Hover Me</span>.</p>  
  5. <p>Bottom Tooltip: <span class="toolgif" data-tag="fitness" data-place="bottom">Hover Me</span>.</p>  
  6. </div>  
  7. </div>  
  8. <script src="src/toolgif.js"></script>  
  9. <script>  
  10. $(function() {   
  11.   
  12. $(".toolgif").toolgif({width:250,  
  13. height:150,textColor:"#EF476F"});   
  14.   
  15. });  
  16. </script>  

 


原文地址:http://www.freejs.net/article_jquerywenzi_587.html