頁面自動換行 jquery

//文字自動換行
            var $win = $(window),
            $ad = $('.section > p:eq(0)'),//找出要切的字
            $cutHeight = $(".wrapper_menu").height() + $("#wrapper > h1:eq(0)").height() + $(".news_txt").height(),//要切掉的高度
            ad_width = $ad.width(),
            ad_height = $ad.height();


            //切出每個段落的陣列
            var tempappend = $ad.html().split("
"),
                tempString = "";
            //先清空文字           
            $ad.html("");
            //驗證退出機制
            var check = false;

            for (var i = 0 ; i < tempappend.length; i++) {
                //若超過高度(含圖片),就切掉
                if (($win.height() - ($cutHeight + $('.section > img:eq(0)').height() + 200)) < $ad.html(tempString).height()) {
                    $ad.html(tempString);
 
                    //從第2段開始
                    for (var x = i; x < tempappend.length; x++) {
                        //驗證有沒有跑完了,有跑完就不用做了
                        if (check == true) break;

                        //新增一個section
                        $(".content").append('
'); //將hihi的寬設為第一個section的寬 $('#hihi' + x).width($('.section:eq(0)').width()); //設變數y為x 開頭並到最後 for (var y = x; y < tempappend.length ; y++) { //若已經跑完,即設為true,做為退出機制 if (y == tempappend.length - 1) check = true; //若沒有超出頁面大小,則將tempappend[y]值放入 if (($win.height() - ($cutHeight + 200)) > $("#hihi" + x).height()) { $("#hihi" + x).append(tempappend[y] + " "); } else { //若有超出頁面大小,x=y;並break換新的section x = y-1; break; } } } //break換第2段 break; } //第一段的逐一放入 tempString += tempappend[i] + " "; }

留言

熱門文章