Skip to content
master
Switch branches/tags
Go to file
Code

Latest commit

 

Git stats

Files

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

README.md

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