不用jQuery實(shí)現(xiàn)的動(dòng)畫(huà)效果代碼
更新時(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)畫(huà)就沒(méi)必要載入這么大的庫(kù).
看下面這個(gè)圖片漸變效果, 其實(shí)純js不到20行就可以搞定了.
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
相關(guān)文章
這篇文章主要為大家介紹了js常用的方法示例梳理總結(jié)及功能詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-05-05
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)常用排序算法的代碼，感興趣的小伙伴們可以參考一下2016-08-08
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)登錄注冊(cè)功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-12-12
javascript實(shí)現(xiàn) 在光標(biāo)處插入指定內(nèi)容
javascript實(shí)現(xiàn) 在光標(biāo)處插入指定內(nèi)容...2007-05-05
JS創(chuàng)建或填充任意長(zhǎng)度數(shù)組的小技巧匯總
在JavaScript 中,我們往往會(huì)遇到需要使用某些默認(rèn)值來(lái)填充數(shù)組的情況,那么都有哪些方式可以完成這樣的任務(wù)呢?這篇文章主要給大家介紹了關(guān)于JS創(chuàng)建或填充任意長(zhǎng)度數(shù)組的小技巧,需要的朋友可以參考下2021-10-10
Cpage.js給組件綁定事件的實(shí)現(xiàn)代碼
Cpage.js是一款輕量級(jí)的Mvvm框架，使用TypeScript（JavaScript的超集）開(kāi)發(fā)。下面通過(guò)本文給大家分享Cpage.js給組件綁定事件的實(shí)現(xiàn)代碼，需要的的朋友參考下吧2017-08-08
基于JavaScript實(shí)現(xiàn)智能右鍵菜單
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)智能右鍵菜單的相關(guān)資料,需要的朋友可以參考下2016-03-03
快速解決FusionCharts聯(lián)動(dòng)的中文亂碼問(wèn)題
這篇文章主要介紹了如何解決FusionCharts聯(lián)動(dòng)的中文亂碼問(wèn)題。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
這篇文章主要介紹了Echarts.js無(wú)法引入問(wèn)題解決方案,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-10-10
javaScript Array（數(shù)組）相關(guān)方法簡(jiǎn)述
javaScript Array（數(shù)組）相關(guān)方法簡(jiǎn)述，讓大家更快的熟悉array數(shù)組的用法。2009-07-07