挺漂亮的文字太長自動截斷,滑鼠移上顯示全部資訊例子

2021-06-07 09:21:27 字數 1739 閱讀 3746

很多做系統類**的朋友都會遇到,在**中,文字過長無法顯示完全的情況,下面是乙個挺漂亮的例子,給朋友們分享。

先上個效果圖(例子中的文字是我亂打的,希望不要介意哈):

下面是**:

這個是title.js,是控制滑鼠移上被截斷後的文字的提示框樣式,也可以根據自己的需要進行樣式的修改。

var pltspop=null;

var pltsoffsetx = 12; // 彈出視窗位於滑鼠左側或者右側的距離;3-12 合適

var pltsoffsety = 15; // 彈出視窗位於滑鼠下方的距離;3-12 合適

var pltstitle="";

document.write('

');function pltsinits()

function plts()

; if(o.title!=null && o.title!="");

pltspop=o.dypop;

if(pltspop!=null&&pltspop!=""&&typeof(pltspop)!="undefined")

/ig;

if(!re.test(msg))pltstitle="";

else(.*)/ig;

pltstitle=msg.replace(re,"$1")+" ";

re=/\/ig;

msg=msg.replace(re,"");

msg=msg.replace("

","");}

var content =

'' +

'' +

''+'↖'+pltstitle+'

'+pltstitle+'↗  

'+ ''+msg+'

'+ '↙'+pltstitle+'

'+pltstitle+'↘  

'+ '

'; pltstiplayer.innerhtml=content;

tooltiptalbe.style.width=math.min(pltstiplayer.clientwidth,document.body.clientwidth/2.2);

movetomouseloc();

return true;

} else }

function movetomouseloc()

else

if(mou***+pltsoffsetx+popwidth>document.body.clientwidth)

else

pltstiplayer.style.left=mou***+pltsoffsetx+document.body.scrollleft+popleftadjust;

pltstiplayer.style.top=mousey+pltsoffsety+document.body.scrolltop+poptopadjust;

return true;

}pltsinits();

這個是控制**中文字過長自動截斷的。其中maxwidth是**中要顯示的字的個數。可以根據自己的需要進行修改。

$("table tr td:not(:first)").each(function()

});

效果中的table的樣式可以自己寫,希望能幫到需要的朋友。

手錶太長怎麼截短 自學手錶維修保養的方法

手錶在我們的日常生活中已經扮演著越來越重要的角色,因為我們每一天都要和手錶打交道。因為時間就是金錢。時間對於每乙個人都是很重要的。同時時間也是乙個很公平的東西,他對於每乙個人都是一樣的。有的人好好的利用時間,他的未來的人生道路將會更寬敞一點的。既然手錶那麼的重要。今天我就和大家來講講怎麼自學手錶維修...

UGUI下建立漂亮的文字

第一次發文!之前有看過大神寫的基於ugui文字漸變效果,感覺很漂亮,彌補了自帶的純色文字的不足,於是自己也仿照這種做法做了一種類似的效果,效果圖如下 效果看上去似乎還可以,下面就來說說實現的方法。相信對於各路大神來說,一眼就能看破,這是利用材質混合來實現的。在ugui的text元件裡面可以設定自定義...

PS製作黑暗牆面上的漂亮霓虹文字

一 用ps軟體開啟磚牆背景素材。二 複製一層,混合模式改為 正片疊底 不透明度50 三 新建色相 飽和度調整圖層,設定如下。打造夜間的氣氛。四 新建乙個空白圖層,設定前景色黑色 背景色白色,用黑色填充圖層。然後執行濾鏡 渲染 分層雲彩。五 設定雲彩圖層的混合模式為 顏色減淡 新增圖層蒙版,用大的黑色...