40+ всплывающих подсказок AJAX, JavaScript & CSS

Автор: SmashingMagazine.com

Tooltips: AJAX & JavaScript Solutions

  • AJAX-enabled Help-BalloonsHelp windows in baloon-design. AJAXified version is also available.

    Tooltips Scripts - BeauScott AJAX-enabled Help-Balloons

  • jTip – A jQuery Tool Tip

    Extensive AJAX-based tooltips with numerous functions and presentation possibilities.

    Screenshot Tooltipp

  • jQuery plugin: Tooltip

    Enhances the jQuery Library.

    Screenshot Tooltipp

  • qTip

    Works for all elements, not only for links in most browsers — IE 5.5+, Firefox, Safari and Opera.

    Tooltips Scripts - qTip › CSS › Learn › solarDreamStudios

  • Form field hints with CSS Tooltips

    t’s a basic example of how helpful a little JavaScript and CSS can be in a form. Instead of the input hints always showing and potentionally cluttering a very simple form, only the hint for the currently focused input will show. This article will show a way to do this.

    Tooltips Scripts - Form field hints with CSS and JavaScript (Ask the CSS Guy)

  • JS Tooltip

    Displays customizable tool tip message for each link element on a web page. A tool tip that can be added to the anchor element unobtrusively by adding a class value to it. This was done by having the tool tip message pull from the specific title attribute of the anchor element that the tool tip was added too.

    Tooltips Scripts - Javascript Entry - Cody Lindley: Finding a Javascript Tool Tip Script

  • BoxOver

    Flexible DHTML-Tooltipp in numerous formats. Appears (almost) immedately and fades in during loading.

    Screenshot Tooltipp

  • SuperNotes

    Converts footnotes to tooltips. Appears immediately and can be assigned with a fixed position in the browser window.

    Screenshot Tooltipp

  • Tipster

    Multifunctional tool tips with JavaScript.

    Tooltips Scripts - Tipster Demonstration

  • 5 Tooltips by DHTMLGoodies

    First version is suppose to improve the usability of online forms:

    Screenshot Tooltipp

  • The second technique uses AJAX.

    Screenshot Tooltipp

  • Walter Zorns JavaScript, DHTML Tooltipps

    These tooltips can be used for different purposes; the code is well-documented and can easily be improved and modified.

    Screenshot Tooltipp

  • clueTip

    This is a demo page for the new clueTip — a jQuery-based, AJAX-powered tooltip. The clueTip plug-in was inspired by Cody Lindley’s jTip script.

    Tooltips Scripts - clueTip : A jQuery Plugin

  • Mootools Tooltip

    Mootools Javascript example of using tooltips.

    Tooltips Scripts - Mootools Javascript Tooltips

  • Sweet Titles

    JavaScript Fading Tooltips.

  • Hover Tip

    Tooltip with menu-like capabilities. The tooltip layer will remain visible while the viewer hovers over it. This allows you to place clickable links inside tooltip content.

    Tooltips Scripts - Hover-Tip: Tooltip You Can Mouse Over

  • Multiline Tooltip with HTML, CSS and JavaScript

    This document explains how to make nice multiline tooltip for HTML documents, using simple and standard CSS, HTML and JavaScript.

    Tooltips Scripts - texSoft.it - multiline tooltip with HTML CSS and JavaScript

  • overLIB

    This JavaScript-library can be used in a variety of ways; many positioning and appearance features are available.

    Screenshot Tooltipp

  • Scriptaculous Effect.Tooltip

    The tooltip script from the script.aculo.us library.

    Tooltips Scripts - Effect.Tooltip

  • Tooltip.js

    Tooltipps with AJAX. The library uses the Prototype JavaScript Framework. The demo doesn’t work any longer.

    Tooltips Scripts - Tooltip.js - About

CSS-Based Solutions

Further Solutions

  • Snap.com

    Snap gives you a visual preview of each result before you click on it. And that improves your odds of picking the right search, without clicking back-and-forth several times.

    Tooltips Scripts - Snap

  • DHTML Tooltips

    Popup a help tip or information layer onmouseover using this object-based DHTML tooltip code. The basic version, presented on this page, can contain plain text or rich html, images, or images and text. The tooltip can be displayed over a background image. It can move with mouse movement. And it is easy to customize and modify.

    Tooltips Scripts - DHTML Tooltips: Pop-up Layer Onmouseover

  • Animated Tooltip Javascript
  • DOM Tooltip

    DOM Tooltip Script-Library

  • Yahoo! UI Library: Tooltip

    The Yahoo! UI Library Toolbox provides among other functions also tooltips.

Tooltips: WordPress-Plugins

Selected Scripts: Quick Overview

Tooltips Scripts - A lightweight prototype based JavaScript tooltip

Tooltips Scripts - Nice Titles revised | Blog | 1976design.com

Tooltips Scripts - Nice titles

Tooltips Scripts - BeauScott.com ?» Blog Archive ?» AJAX-enabled Help-Balloons

Screenshot Tooltipp

Tooltips Scripts - Custom CSS Tooltips - loadaverageZero

Tooltips Scripts - CSS: Menu Descriptions | Mike?€™s Experiments | MikeCherim.com

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *