/**
 *  根據元素title值生成自定義提示框
 * @param id 生成title樣式的dom元素
 */
function createTitle(id){
    var x = 10;
    var y = 20;
    var newtitle = '';
    $(id).mouseover(function(e) {
        newtitle = this.title;
        this.title = '';
        $('body').append('<div id="tooltip" class="shadow">' + newtitle + '</div>');
        $('#tooltip').css({
            'left': (e.pageX + x + 'px'),
            'top': (e.pageY + y + 'px')
        }).show();
    }).mouseout(function() {
        this.title = newtitle;
        $('#tooltip').remove();
    }).mousemove(function(e) {
        $('#tooltip').css({
            'left': (e.pageX + x + 'px'),
            'top': (e.pageY + y + 'px')
        }).show();
    })
}