|
|
51CTO旗下网站
|
|
移动端

jQuery UI 1.9发布 新增Tooltip小工具

jQuery UI实际上是jQuery插件,专指由jQuery官方维护的UI方向的插件。近日jQuery UI 1.9里程碑M1版已经正式发布,其中新增了一个Tooltip小工具。

作者:红薯来源:开源中国社区|2010-05-25 09:01

jQuery UI是一套jQuery的页面UI插件,包含很多种常用的页面空间,例如Tabs(如本站首页右上角部分)、拉帘效果(本站首页左上角)、对话框、拖放效果、日期选择、颜色选择、数据排序、窗体大小调整等等非常多的内容。

jQuery UI 1.9中新增了一个Tooltip小工具。代码:

  1. <a title="Details for this link" href="#">Link</a> 
  2. <script> 
  3. $("a").tooltip();  
  4. </script> 

当鼠标移到元素上时,tooltip会显示:

tooltip显示的内容

新增功能事例

以下是三个jQuery UI 1.9新增小工具的使用示例:

Default tooltip

Forms with tooltips

Track the mouse

jQuery UI 1.9下载地址:http://github.com/jquery/jquery-ui

【编辑推荐】

  1. 你应该学习jQuery的七大理由
  2. 了解jQuery技巧来提高你的代码质量
  3. jQuery 1.4十大新特性解读及代码示例
  4. 10个自由丰富的jQuery或JavaScript编辑器
  5. 编程人员对于JQuery框架性能评论说明
【责任编辑:王晓东 TEL:(010)68476606】

点赞 0
分享:
大家都在看
猜你喜欢

读 书 +更多

网管第一课——网络组建与管理

本书针对初级网管朋友所需掌握的网络组建和网络管理技能,以示例方式编写而成,其主要特点就是实用性和可操作性非常强。 全书共分8章,分...

订阅51CTO邮刊

点击这里查看样刊

订阅51CTO邮刊