頁面標題適應寬度

$(function(){
    //默認爲class爲subStringBytes的obj截取字符串,且改class的title爲要截取的字符串
    subObj();
    //註冊瀏覽器大小調整監測事件,瀏覽器大小改變 從新截取
    $(window).resize(function() {
        subObj();
    });

});
//獲取頁面展現的文本  html原文本   width 文本展現局域的寬度
function getViewHtml(html,width) {
    var len = 0;
    var arr = html.split("");
    var width_ = width-10;
    var html_ = '';
    for (var i = 0; i < arr.length; i++) {
        if(width_-15.5>0){
            //全角字符
            if (arr[i].match(/[^x00-xff]/ig) != null){
                html_ = html_+ arr[i];
                width_ = width_ - 12;
            }else{//半角字符
                html_ = html_+ arr[i];
                width_ = width_ - 5.5;
            }
                
        }else{
            width_ = width_ - 15.5;
            html_ = html_+ '...';
            break;
            //結束循環
        }
    }
    return html_;
}
function subObj(){
    $(".subStringBytes").each(function(){
        var width = $(this).parent().parent().width();
        var html = $.trim($(this).attr('title'));
        var newHtml = getViewHtml(html,width);
        $(this).html(newHtml,width);
    });
}
相關文章
相關標籤/搜索