前端詳細教學 超酷JS實現極客風打字效果

2021-10-04 04:45:28 字數 978 閱讀 2368

效果賊拉炫酷,寫起來也非常簡單,非常適合小夥伴們學習

話不多說,我直接上**。 

* 

#container

h1 .mark

@keyframes mk

50%

}@-o-keyframes mk

50%

}

let text = document.queryselector("#text")

let textvalue = json.parse(text.getattribute("data-text"))

// 起始文字索引

let index = 0

// 字元索引

let fontindex = 0

// 初始時間

let start = 0

// 速度

let speed = 500

// 判斷一段文字是否顯示完畢

let flag = false

function type(time) else

start = time

// 如果當一段文字顯示完畢,就倒敘『刪除』顯示的文字

if (fontindex == texti.length)

// 如果當前顯示的文字 '刪除完畢' 就變更當前段落

if (fontindex < 0)

}window.requestanimationframe(type);

}window.requestanimationframe(type)

為前端的小夥伴推薦一下峰華的『的b站鏈結,講的非常棒如果有興趣可以康康。哈哈

js分頁實現,前端實現。

主要是借鑑了網上乙個例子,自己重新加了樣式,新增了跳轉,修改了一些小地方,用於和大家一起分享,前端分頁的技巧,的資料是我已經寫好了,其實大家也可以前端渲染 然後再分頁,都是可以的。其實分頁最關鍵是這兩句 var startrow currentpage 1 pagesize 1 currentpag...

js分頁實現,前端實現

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!主要是借鑑了網上乙個例子,自己重新加了樣式,新增了跳轉,修改了一些小地方,用於和大家一起分享,前端分頁的技巧,的資料是我已經寫好了,其實大家也可以前端渲染 然後再分頁,都是可以的。其實分頁最關鍵是這兩句 var startrow currentpa...

使用js實現前端快取

使用js實現前端快取的工具類,在支援html5的瀏覽器上優先使用html5的storage進行快取 呼叫方式為 例如儲存 sy.cookiestring key value 此處使用的第三方js庫為 jquery.cookie.js jquery.js json2.js var sy sy sy.d...