不用jQuery實(shí)現(xiàn)的動(dòng)畫效果代碼
更新時(shí)間：2010年11月14日 20:12:34 作者：
jQuery 框架用的人越來(lái)越多了, 無(wú)論是性能還是功能強(qiáng)大都不用多說(shuō).
不過(guò)隨著新版本的升級(jí), 體積也慢慢變大了.
24KB, Minified and Gzipped 155KB, Uncompressed Code
壓縮并gzip輸出24K, 也不小了.
如果頁(yè)面上一個(gè)簡(jiǎn)單的效果,一個(gè)簡(jiǎn)單的動(dòng)畫就沒(méi)必要載入這么大的庫(kù).
看下面這個(gè)圖片漸變效果, 其實(shí)純js不到20行就可以搞定了.
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
相關(guān)文章
JS首屏加載時(shí)間優(yōu)化的解決方法總結(jié)
首屏加載時(shí)間是一個(gè)衡量網(wǎng)頁(yè)性能和用戶體驗(yàn)的關(guān)鍵指標(biāo),這個(gè)問(wèn)題無(wú)論是在面試中還是在項(xiàng)目開(kāi)發(fā)中都占有極其高的權(quán)重,本文為大家整理了幾種JS中優(yōu)化首屏加載時(shí)間的方法,希望對(duì)大家有所幫助2024-02-02
這篇文章主要介紹了微信小程序封裝多張圖片上傳api代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-12-12
npm安裝依賴時(shí)出現(xiàn)Peer Dependencies沖突報(bào)錯(cuò)解決分析
這篇文章主要為大家介紹了npm安裝依賴時(shí)出現(xiàn)Peer Dependencies沖突報(bào)錯(cuò)解決分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-09-09
今天小編就為大家分享一篇layer彈出層全屏及關(guān)閉方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
無(wú)名函數(shù)，其中一個(gè)作用可能是生成新的函數(shù)對(duì)象的引用，主要是用于定義。2011-06-06
這篇文章主要為大家介紹了Ajv format校驗(yàn)使用示例分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11
Js中FileReader讀取文件內(nèi)容方法詳解(async/await)
這篇文章主要給大家介紹了關(guān)于Js中FileReader讀取文件內(nèi)容(async/await)的相關(guān)資料,FileReader是前端進(jìn)行文件處理的一個(gè)重要的Api,特別是在對(duì)圖片的處理上,如果你想知道圖片的處理原理,你就永遠(yuǎn)不可能繞過(guò)它,需要的朋友可以參考下2023-11-11
AJAX = Asynchronous JavaScript and XML（異步的 JavaScript 和 XML），相信大家對(duì)ajax都很熟悉，下面這篇文章主要給大家介紹了關(guān)于Ajax原理以及代碼封裝的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。2017-09-09
這篇文章主要介紹了js實(shí)現(xiàn)仿qq消息的彈出窗效果，文章代碼實(shí)現(xiàn)模擬qq彈出框消息提醒，感興趣的小伙伴們可以參考一下2016-01-01
SpringMVC+bootstrap table實(shí)例詳解
本文通過(guò)實(shí)例給大家介紹了SpringMVC+bootstrap-table,需要的朋友可以參考下2017-06-06