国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

<td id="fbanv"></td>

首頁(yè) > 編程 > JavaScript > 正文

不用jQuery實(shí)現(xiàn)的動(dòng)畫效果代碼

2019-11-21 00:08:24

字體：大中小

來(lái)源：轉(zhuǎn)載

供稿：網(wǎng)友

不過(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行就可以搞定了.

<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><style type="text/css"></P><P>body {padding:0; margin:0;}#main {margin: 50px auto;border: 1px solid #ccc;width:700px}#main img {padding:0 20px; border:none; display:none}</style><div   class="iwvjtn8m0"   id="main"><img alt="" width="215" height="78" src="https://www.jb51.net//m.survivalescaperooms.com/images/logo.gif" /> <img alt="" width="215" height="78" src="https://www.jb51.net//m.survivalescaperooms.com/images/logo.gif" /> <img alt="" width="215" height="78" src="https://www.jb51.net//m.survivalescaperooms.com/images/logo.gif" /> <img alt="" width="215" height="78" src="https://www.jb51.net//m.survivalescaperooms.com/images/logo.gif" /> <img alt="" width="215" height="78" src="https://www.jb51.net//m.survivalescaperooms.com/images/logo.gif" /> <img alt="" width="215" height="78" src="https://www.jb51.net//m.survivalescaperooms.com/images/logo.gif" /> <img alt="" width="215" height="78" src="https://www.jb51.net//m.survivalescaperooms.com/images/logo.gif" /> <img alt="" width="215" height="78" src="https://www.jb51.net//m.survivalescaperooms.com/images/logo.gif" /></div><script type="text/javascript">(function() { var imgs = document.getElementById('main').getElementsByTagName('img'), len = imgs.length, i = 0; (function() {    var deep = 0,   j = i++,   timer = setInterval(function() {        imgs[j].style.opacity = deep;    imgs[j].style.filter = "alpha(opacity=" + deep * 100 + ")";    imgs[j].style.display = 'inline';    deep += 0.1;    deep >= 1 && clearInterval(timer);  }, 60);  if (i >= len) return;  setTimeout(arguments.callee, 1000); })();})();</script>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

上一篇：基于Jquery的回車成tab焦點(diǎn)切換效果代碼(Enter To Tab )

下一篇：javascript開(kāi)發(fā)中使用onpropertychange,oninput事件解決onchange事件的不足

學(xué)習(xí)交流

索泰發(fā)布一款GTX 1070 Mini迷你版本:小機(jī)

索泰發(fā)布一款GTX 1070 Mini迷你版本:小機(jī)箱大愛(ài)...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關(guān)注

新聞熱點(diǎn)

榮耀總裁趙明烏鎮(zhèn)演講：榮耀首款5G手機(jī)V30下月發(fā)布

2019-10-23 09:17:05

搜狐張朝陽(yáng)：回歸媒體是搜狐重新崛起的關(guān)鍵

2019-10-21 09:20:02

華為輪值董事長(zhǎng)郭平：虛擬技術(shù)創(chuàng)造現(xiàn)實(shí)價(jià)值

2019-10-21 09:00:12

滴滴英文服務(wù)上線兩周年用戶已超200萬(wàn)

2019-09-26 08:57:12

華為推出全球至快AI訓(xùn)練集群Atlas900

2019-09-25 08:46:36

馬斯克：特斯拉正組建中國(guó)技術(shù)團(tuán)隊(duì)

2019-09-25 08:15:43

疑難解答

圖片精選

網(wǎng)友關(guān)注

主站蜘蛛池模板：丰镇市| 烟台市| 关岭| 屯留县| 库车县| 从江县| 陇川县| 武夷山市| 紫金县| 交口县| 西华县| 绵阳市| 安吉县| 隆昌县| 十堰市| 衡东县| 广东省| 凤庆县| 邻水| 元氏县| 塔城市| 军事| 万盛区| 出国| 修水县| 巴东县| 凉山| 乌拉特后旗| 凭祥市| 通辽市| 肃宁县| 溧水县| 瑞安市| 新安县| 广南县| 淳安县| 台南市| 英山县| 台江县| 中宁县| 卢氏县|

<small id="7x8ei"></small>