Simply Awesome jQuery & CSS3 Tooltip Collection | SweetTooltip

SweetTooltip is a nice set of tooltips built with jQuery and CSS3, yes it’s no image.

jquery style title tooltip, jquery tooltip examples, custom tooltip in jquery, simple jquery tooltip with image, jquery tooltip add class, tooltip using jquery

Style Available

There are seven tooltip styles available :

  • Sweet Strong, tooltip style name: tooltip-sweet-strong
  • Mini Slick, tooltip style name: tooltip-mini-slick
  • Big Grey, tooltip style name: tooltip-big-grey
  • Nightly, tooltip style name: tooltip-nightly
  • Shiny Red, tooltip style name: tooltip-shiny-red
  • Soft Blue, tooltip style name: tooltip-soft-blue
  • Big Yellow, tooltip style name: tooltip-big-yellow

jQuery Plugin That Shows Tooltips Of Glossary Terms From A JSON Feed | KOglossaryLinks

How to make use of it:

1. Load sweet-tooltip.css for default tooltip styles.

<link rel="stylesheet" href="sweet-tooltip.css">

2. Load sweet-tooltip.js after loading the jQuery library.

<script src="//"></script>
<script src="sweet-tooltip.js"></script>

3. Add CSS class “sweet-tooltip” to the target elements and use data-* attributes to define content and styles for your tooltips.

<a href="#" class="sweet-tooltip" 
   data-text-tooltip="I'm a tooltip">
   Hove me

4. Built-in features:


Animated jQuery/CSS3/HTML5 Tooltip, SweetTooltip Plugin/Github

See Demo And Download

Official Website(hdytsgt): Click Here

This superior jQuery/javascript plugin is developed by hdytsgt. For extra advanced usage, please go to the official website.

Related Posts


Generating Beautiful Vector Graphs With jQuery | smartGraph

SmartGraph is a free and easy-to-use JavaScript library to create beautiful vector diagrams with many customizations. This plugin allows developers to create dynamic, responsive, draggable vector graphics…


Image Slider With 20 Cool Transitions Component | vue-flux

Vue flux is an image slider developed with Vuejs 2 that comes with 20+ nice transitions out of the box. Included transitions 2D transitions Fade: Fades from…


Simple background Image Parallax Scroll Plugin In jQuery

Background parallax effect is a simple jQuery background image without any library. Uses jQuery’s scroll() function to track the scroll event and applies the exact parallax scroll…


Modular Color Picker Plugin for Bootstrap | BS Colorpicker

Bootstrap Colorpicker is a standard color picker plugin for Bootstrap 4. Colorpicker Plugin for Bootstrap 5/4/3 frameworks that allow you to add a color picker to an…


GDPR Friendly iFrame Manager In Vanilla JS | iframemanager

IframeMananger is a lightweight JavaScript plug-in that helps you to comply with GDPR by completely removing iframes at first and setting a notice related to that service….


Diagonal Thumbnails Carousel Slider | Anime.js

Diagonal Slider is a cool mini carousel made with Anime.js JavaScript library. It takes a bunch of pictures and turns them into a circular user interface where…