http://www.elbiro.net/module/jslib/multiline/bt_multilineText.js

1
2$(function(){
3    $('.column-cover').each(function(){
4        var liOriginH = 0;
5        var fixedHeight  = $(this).outerHeight();
6        var liLineHeight = parseInt($(this).find("li").eq(0).css("line-height"));
7        $(this).find('li').each(function(){
8            var liHeight = $(this).outerHeight();
9            var num = $(this).index();
10            liOriginH += liHeight;
11            if(liOriginH>=fixedHeight){
12                if(liOriginH>fixedHeight){
13                    $(this).addClass('white');
14                    $(this).append('<ins>...</ins>');
15                    var t = $(this).outerHeight()-(liOriginH-fixedHeight)-liLineHeight;
16                    $(this).find('ins').css('top',t)
17                }
18                $(this).hover(function(){
19                    $(this).removeClass('white');
20                    $(this).find('ins').css('display','none');
21                    $(this).parent('ul').stop().animate({'top':-(liOriginH-fixedHeight)},300)
22                },function(){
23                    $(this).addClass('white');
24                    $(this).find('ins').css('display','block');
25                    $(this).parent('ul').stop().animate({'top':0},300)
26                })
27                return false;
28            }
29        })
30    })
31});