亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定

常用的網頁加載進度條

孫吉星 交互設計師
難度中級
時長 1小時 7分
學習人數
綜合評分9.60
97人評價 查看評價
9.8 內容實用
9.5 簡潔易懂
9.5 邏輯清晰

最新回答 / AlterAlert
應該是CSS問題，可以用F12調試下
老師的聲音像MC高迪，喜歡的朋友飄666~
問題太嚴重了，老師寫的代碼太有問題了。
第一，你的進度條代碼都寫在了document.onready事件中，而onready事件也是有前期等待時間的。
第二，你的圖片獲取全是DOM獲取。
這兩個問題導致視頻中你的頁面加載前會有很嚴重的空白期，且圖片與進度條容器遮罩前后出現順序會不一致。
建議，第一，圖片不要用DOM結構，直接就是將圖片地址放在一個數組中。
第二，圖片加載的JS代碼直接放在你的進度條HTML結構的后面即可。
如果中間的某張圖片地址錯了，無法加載了 會觸發error事件 可以使num+1
個人感覺這種方法不實用，在HTML結構中多次添加進度設置代碼不友好，即使是程序添加的代碼也不好。有些時候感覺做個假的也是可以的。比如先把進度條前進到一個百分比長度后，等待onreadystatechange事件或者是圖片加載后再直接運行到100%長度。
竟然這樣玩..
元素居中有很多方式
非常好老師講的
現在剛好在研究這個，在這里看到這個教程 真是及時雨啊~~
請問 老師 什么 時候 出 課程 買買買 。。。
我去，開口跪。為了這聲音我也得看三遍呀?。?！
i will study this class
看了第一章就迫不及待想學后面的內容了~~ 打卡，
非常不錯謝謝老師
如果中間的某張圖片地址錯了，無法加載了，那么這個loading 就不會消失了，請問該怎么解決？
首頁上一頁20212223242526下一頁尾頁
課程須知
1、能夠熟練使用HTML布局頁面 2、了解JavaScript的語法及書寫能力
老師告訴你能學到什么？
1、onreadystatechange事件偵測 2、jquery的animate動畫的使用 3、javascript定義Image圖像對象 4、CSS3的animation動畫

微信掃碼，參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號
友情提示：

您好，此課程屬于遷移課程，您已購買該課程，無需重復購買，感謝您對慕課網的支持！

本次提問將花費2個積分

你的積分不足，無法發表

為什么扣積分？

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分？

舉報

0/150
提交
取消