推荐：jQuery提示插件qTip2

1.qTip2特点

qTip2是从08年开始用jQuery以来用过的最好用的提示插件，有一下几个特点：

  • 简单易用的API
  • 详细的文档
  • 美观、简洁、大方的界面
  • 支持多种数据来源(title属性、ajax、自定义内容)
  • 和其他插件的集成(jQuery Validator、jQuery UI、Youtube、Google Map、flot charts)

2.资源

  • 官网：http://craigsworks.com/projects/qtip2
  • Demo：http://craigsworks.com/projects/qtip2/demos

3.截图欣赏

3.1 各种布局定义

3.2 和validator插件集成

4.基于jQuery UI、qTip2、uplodify开发的附件：jquery.attachment.js

此插件目前正在试用，等成熟后发布(支持qTip、Dialog、normal三种形式)，敬请期待！
时间： 2025-01-26 14:04:09

推荐：jQuery提示插件qTip2的相关文章

jQuery提示插件alertify使用指南

  jQuery提示插件alertify使用指南           alertifyjs是一个非侵入式,可定制的JavaScript通知组件.包括可定制的对话框,和右下角消息弹出框.完全可定制的警报,确认和提示对话框.完全自定义的通知系统.回调参数处理包括"确定"和"取消"按钮的点击.允许对话框排队 1.alertify插件功能 主要实现提示功能,用于代替js中的alert,confirm,prompt,显示友好的提示框 2.alertify使用方法 1.使用的文

jquery 提示插件鼠标移上圆角框图片提示

  <!doctype html public "-//w3c//dtd html 4.01//en" "http://www.w3.org/tr/html4/strict.dtd"> <html> <head>  <meta http-equiv="content-type" content="text/html;charset=gb2312"/>  <title>

jQuery提示插件alertify使用指南_jquery

1.alertify插件功能 主要实现提示功能,用于代替js中的alert,confirm,prompt,显示友好的提示框 2.alertify使用方法 1.使用的文件 主要使用三个文件,两个css(alertify.core.css,alertify.default.css),用于设置提示框的样式.一个js(alertify.min.js或alertify.js),用于实现提示框的功能. 2.实现提示框代码 alertify使用非常简单,主要步骤为:初始化(初始化alertify)->绑定(绑

jQuery提示插件PoshyTip使用详解

Demo中提供了三种使用的例子,页面代码如下:  代码如下 复制代码 <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="src/jquery.poshytip.js"></script> <link rel="stylesh

编写简单的jQuery提示插件_jquery

很简单的代码,就不多废话了. 代码: 复制代码 代码如下: /** * 2014年11月13日 * 提示插件 */ (function ($) {     $.fn.tips = function (text) {         var divtipsstyle = "position: absolute; left: 0; top: 0; background-color: #dceaf2; padding: 3px; border: solid 1px #6dbde4; visibilit

从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件

一.摘要 本系列文章将带您进入jQuery的精彩世界,其中有很多作者具体的使用经验和解决方案,即使你会使用jQuery也能在阅读中发现些许秘籍. 本文是介绍两个最常用的jQuery插件.分别用于表单验证和自动完成提示(类似google suggest). 二.前言 研究别人的作品真是一件花时间而且痛苦的过程.当然也和本人英文不好有关.总觉得控件作者写了很多文档但是都不够系统,需要深入研究很多的实例后才能了解作者的思路.所以学习和研究一个插件需要很高成本,如果发现了Bug并修复需要的成本也是未知数

基于jQuery的消息提示插件之旅 DivAlert(三)_jquery

本版本遵循了2.0的写法,此处通过extend方法封装了需要设置的各个选项,比起2.0版本的代码要精简了一些. 2.0版本 复制代码 代码如下: //设置插件基本信息 var options = o || {}; options.width = o.width || 300; //提示框宽度若小于104px则自动重置为200px if (options.height > 104) { options.height = o.height; } else { options.height = 200

基于jQuery的消息提示插件 DivAlert之旅（二）_jquery

改进的代码部分主要如下: 1.创建default.css文件: 代码 复制代码 代码如下: img { vertical-align:middle; } .jBg { position: absolute; top: 0; left: 0; z-index: 9999; background-color: #999; filter: alpha(opacity=70); opacity: 0.7; } .jWrap { position: absolute; border: 1px solid

qTip2 精致的jQuery提示信息插件

qTip2 精致的jQuery提示信息插件 2012-02-16 22:31 by 囧月, 2176 visits, 收藏, 编辑 qTip2是一个灰常强大且精致的jQuery提示信息插件,是qTip的第2版,也是一个全新的版本,提供了丰富的功能及漂亮的外观,非常易于使用. qTip2采用了MIT/GPLv2许可,官方网站为:http://craigsworks.com/projects/qtip2/,目前还没发布一个稳定版,Nightly版本经常会更新,当然这并不影响正常使用. 简介 若不放心