Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 

trunKit.js

"…" to full text on hover

trunKit is a simple jQuery plugin that does two things:

  • Remove words from the end of the content of a fixed-height div until the remaining content plus … fits
  • Add a div inside the displayed div (inheriting most of the css characteristics) that appears on hover with the full content

Files

Include the trunKit.js and trunKit.css files.

Usage

$(".captionDiv").trunKit();

Configuration Parameters

The trunKit() function takes an optional hash of settings:

  • Class used for both the hover selector and the visual display of the full text overlay. (defaults to "trunKit")
  • durationFadeIn Standard jQuery duration parameter, in ms, for fadeIn() of overlay. (defaults to 200)
  • durationFadeOut Standard jQuery duration parameter, in ms, for fadeIn() of overlay. (defaults to 200)

Live Example

Please see trunKit.alienbill.com for a live example.

About

"…" to full text on hover

Resources

Releases

No releases published

Packages

No packages published