原生js製作標題與內容保持4行的效果

2022-02-05 07:22:53 字數 537 閱讀 5091

在製作網頁或移動端有時會用到乙個效果,類似文章標題和文章描述的排列總是保持一樣的行數,要麼標題總是一行,多出的省略,要麼標題內容1:3或2:2或3:1這樣,今天練習這樣的效果。

實現的原理:給標題和內容分別加上行高,獲取標題的高度除以自身的行高,得知標題的行數,再分配內容的行數即可。

window.onload=function(){

//相容不能使用getelementsbyclassname的瀏覽器

function getclass(clas){

var cls=document.getelementsbytagname('*');

var arr=;

for(var i=0;i測試了谷歌和火狐。ie被我卸了乙個檔案,打不開。所以沒測試。有測試的朋友也可以告訴我一聲,謝啦。

用原生js製作日曆

先說說 我做這的過程吧。剛開始寫真的煩,然後各種除錯,尋找bug。最終老天不負有心人完成了製作。這是伴隨著痛苦與喜悅的。文采一塌糊塗就寫到這吧 下面說一說日曆,日曆的製作主要應用了js的date物件 不太了解的可以去查閱一下 其中有個重要知識點就是新建new date 使時,把日子設為0 例如 va...

原生js製作掃雷 自定義難度

自定義初級 中級高階 魔鬼級重新開始 剩餘雷數 time s gamebox body ul.col col hover col span hide boom num 1 num 2 num 3 num 4 num 5 num 6 num 7 num 8 img flag level level b...

iOS原生與JS互調

將原生物件注入到js void webviewdidstartload uiwebview webview 複製 注入的 jssdk 需要遵守 j port 協議 jssdk的 裡面實現需要的具體方法 protocol jssdkdelegate void previewimages nsstrin...