幸运飞艇计划:一个强大,灵活的jQuery插件使您能够轻松地创建增强CSS的强大的
栏目分类:效果代码   发布日期:2015-09-02   浏览次数:

1,加载jQuery和包括Tooltipster的插件文件在您下载Tooltipster,移动tooltipster css和jquery tooltipster min js到根的CSS和JavaScript的目录。接下来,加载jQuery和包括您的标签里面Tooltipster的CSS和JavaSc
一个强大,灵活的jQuery插件使您能够轻松地创建增强CSS的强大的语义,现代的工具提示
 
1,加载jQuery和包括Tooltipster的插件文件
在您下载Tooltipster,移动tooltipster.cssjquery.tooltipster.min.js到根CSS和JavaScript的目录。接下来,加载jQuery和包括您的标签里面TooltipsterCSS和JavaScript文件
  1. <head> 
  2. ... 
  3.  
  4.     <link rel="stylesheet" type="text/css" href="css/tooltipster.css" /> 
  5.  
  6.     <script type="text/javascript" src="//code.jquery.com/jquery-1.7.0.min.js"></script> 
  7.     <script type="text/javascript" src="js/jquery.tooltipster.min.js"></script> 
  8.  
  9. ... 
  10. </head> 

幸运飞艇全部开奖记录 www.4qm1u.com.cn 2,设置你的HTML
为了Tooltipster工作,我们首先需要添加.tooltip(或任何类别/选择意味着你想使用的任何元素,我们希望有一个工具提示。接下来,我们将设置标题属性,无论我们希望我们的提示。下面是一些例子
添加工具提示的图像

  1. <img src="my-image.png" class="tooltip" title="This is my image's tooltip message!" /> 

添加工具提示已经有一个类的链接:

  1. <a href="//calebjacob.com" class="ketchup tooltip" title="This is my link's tooltip message!">Link</a>  

添加工具提示一个div

  1. <div class="tooltip" title="This is my div's tooltip message!">  
  2.     This div has a tooltip when you hover over it! 
  3. </div> 
3,激活Tooltipster
我们要做的最后一件事就是激活插件。要做到这一点,你的结束</ head>前才添加下面的脚本标签使用任何选择你想 - 在这种情况下,我们使用的是.tooltip
  1. <head> 
  2.  
  3.     ... 
  4.  
  5.     <script> 
  6.         $(document).ready(function() { 
  7.             $('.tooltip').tooltipster(); 
  8.         }); 
  9.     </script> 
  10. </head> 

相关热词: jQuery插件

相关内容
特效 教程 资源 幸运飞艇全部开奖记录
  • 朱德与《共产党宣言》 2019-03-21
  • 特朗普请金正恩看“电影” 美媒:借短片展示无核化益处 2019-03-21
  • 围挡施工一年多 据说完工尚无期(图) 2019-03-20
  • 快来看一看,被中国报协点名的十九大融合传播优秀作品“优”在哪儿 2019-03-20
  • 拉萨边检站提升通关效率 2019-03-20
  • 忻府区中医下乡进村  为老百姓健康把脉--黄河新闻网 2019-03-19
  • 又一物流枢纽落户粤港澳大湾区 2019-03-19
  • 跟着抖音去旅行,五一小长假,你的专属攻略请查收! 2019-03-19
  • 全国法院决胜“基本解决执行难” 2019-03-18
  • 各省市自治区举报中心 2019-03-18
  • 首届尧都文化旅游节新闻发布会在京举行 诚邀八方客感受帝尧魅力 2019-03-18
  • 河南“三条丝路”并举 内陆腹地成开放前沿 2019-03-17
  • 罗源湾的博客—强国博客—人民网 2019-03-17
  • 社会主义是过渡阶段,最终实现共产主义才是其目的。社会主义是在消灭私有制,建立公有制直至无私,实现共产主义。 2019-03-17
  • “2017年金融信息化10件大事”揭晓 彰显我国金融科技创新成果 2019-03-16
  • 419| 547| 754| 622| 825| 164| 951| 887| 453| 884|