ClueTip – Jquery 花样提示插件

clueTip 插件演示地址：http://plugins.learningjquery.com/cluetip/demo/

使用clueTip插件，您可以轻松地显示花式提示当用户的鼠标悬浮（或点击）你指定的任何元素在您的脚本。如果该元素包含title属性，这个文本就会变成clueTip的标题。

快速入门指南

两个简单的步骤来显示最基本的clueTip。

1、在你想要调用clueTip，先添加一个HTML元素到您的网页。默认情况下，clueTip插件将使用rel属性加载，通过AHAH显示提示正文内容。

  <!-- use ajax/ahah to pull content from fragment.html: -->
  <p><a class="tips" href="fragment.html" rel="fragment.html">show me the cluetip!</a></p>
 
  <!-- use title attribute for clueTip contents, but don't include anything in the clueTip's heading -->
  <p><a id="houdini" href="houdini.html" title="|Houdini was an escape artist.|He was also adept at prestidigitation.">Houdini</a></p>

2、引用 jQuery 的核心文件的插件和 clueTip 文件在 标签里，你可以选择包括hoverIntent插件，哲学文件被引用后，你可以参考自定义脚本文件来调用您的clueTips（首选）或进入中如下脚本直接）。您还应该包括clueTip 样式表 （jquery.cluetip.css后的文字）。

Related posts:

1. JQuery 新闻头条淡入淡出效果
2. Jquery 获取元素数量 length
3. JQUERY 层-隐藏-显示 效果