分割(計數板)展示數字樣式

2021-10-09 13:50:47 字數 818 閱讀 5471

記錄一次前端頁面樣式 總結

寫乙個前段樣式

示例:將後台傳來的整數分割成計數板顯示

思路如下:

想法很簡單:

圖形分為兩部分,數字部分 跟 0部分,兩部分拆分做

每一位數字存在乙個正方形(div)中,(肯定要把數字每位都拿出來以迴圈的方式放進div)

將後台傳來的乙個整數先判斷是幾位數,不足六位數要補0

同時判斷的時候把每位數放入乙個列表中然後輸出資料的時候用。

h5**如下(示例):

"title"

>全國**商數量<

/h2>

"main-center-number" id=

"chinanum"

>

<

!-- color由js判斷內容是否不為0動態新增class --

>

<

/div>css如下(示例):

自己寫

js如下(示例):

$(function (

), //需要加查詢條件的時候用

success: function (cnum)

if(i<6)

for(var k=

1;k<=i;k++)}

else}}

, error: function (cnum)})

})

控制是否展示 你真的會用現場展示板嗎?

你真的會用現場展示板嗎?一位日本專家根據研究資料宣稱,如果中國的中小企業有效實行車間展示板管理,最大能夠提公升生產效率30 以上。通常被管理者小視的車間展示板,在專家眼中卻是提公升生產效率的奇效方法與工具。那麼,車間展示板具有怎樣的功能呢?首先,現場展示板的目的是設定目標,讓員工了解自己的任務。例如...

MySql中指定符號分割並分行展示

1.涉及到的函式三個 1.1 replace value str1 str2 用法規則 使用str2替換掉value中的所有的str1 select replace 我來了 來 走 執行結果如下 1.2 length str 用法規則 獲取字串的長度,使用 uft8 unicode 的一種變長字元編...

隨機數計數和計數排序

include include include 隨機數生成 void main for int m 50 m 100 m if count max count 0 printf n d dci num,max 2,計數排序 include intmain void 定義乙個足夠大的陣列,大於使用者輸...