ClueTip – Jquery 花样提示插件

Google AD

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后的文字)。

相关文章

  1. JQuery 新闻头条淡入淡出效果
  2. Jquery 获取元素数量 length
  3. JQUERY 层-隐藏-显示 效果
  4. JQUERY 隐藏页面无连接图片
  5. Jquery 表格上色插件

Google Ad

Leave a Reply

*
请输入图片中的字符以验证你并非垃圾机器人. 点击图片收听验证码的语音版.
点击这里收听此验证码的语音版本


Google AD

关于站长

姚迎迎,生于 1985年3月2日, 江苏大丰人士 。修行于福州大学软件学院

Google 广告

最近文章