首页>>Jquery文字>>Tippy.js鼠标悬停提示工具 tips演示(2018-04-14)

Tippy.js鼠标悬停提示工具 tips演示

本站也有其他的提示tips效果，搜索可以查看

Tippy.js鼠标悬停提示工具 tips演示
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="col-md-12">  
  2.               
  3.               
  4.             <div class="row" style="margin: 30px; text-align: center">  
  5.                 <div>  
  6.                 <button type="button" class="btn btn-success" title="Tooltip">鼠标滑上试下</button>  
  7.   
  8.                 <button type="button" class="btn btn-info" title="这里是提示信息">按钮2</button>  
  9.   
  10.                 <button class="btn btn-warning" title="<strong>文字粗体!</strong>">粗体</button>  
  11.                 </div>  
  12.   
  13.                 <div id="myTemplate" style="display:none">  
  14.                   <p>html内容</p>  
  15.                   <img alt="cat"  src="http://www.freejs.net/images/logo.png">  
  16.                 </div>  
  17.                 <p style="padding: 20px"><a href="#" id="linka">HTML内容</a></p>  
  18.   
  19.                 <p style="padding: 20px"><a href="#" id="linkb" title="这里的信息显示在右侧freejs.net">右侧提示</a></p>  
  20.             </div>  
  21.   
  22.         </div>  

 


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