時間：2024-01-09 12:36:01 | 來源：網(wǎng)站運(yùn)營
時間：2024-01-09 12:36:01 來源：網(wǎng)站運(yùn)營
如何制作每日任務(wù)網(wǎng)頁？：首先，這是一個網(wǎng)頁，那么應(yīng)該先寫出網(wǎng)頁的基本結(jié)構(gòu)
在線咨詢
<!DOCTYPE html><html><head><meta charset="utf-8" /><title>每日任務(wù)</title></head><body></body></html>接下來，在網(wǎng)頁主體內(nèi)容body里要寫一個每日任務(wù)的列表，每一個列表項(xiàng)要做到點(diǎn)擊之后該項(xiàng)消失，即<ul class="renwu"> <li class="renwu-li" id="renwu001"> <span class="renwu-left">任務(wù)001</span> <span class="renwu-right"><button class="anniu" onclick="anniu001()">完成</button></span> </li><script>function anniu001(){ document.getElementById("renwu001").style.display = "none";}</script></ul>重復(fù)上述內(nèi)容可以得到多個任務(wù)，但是這個頁面在刷新之后會恢復(fù)為初始狀態(tài)，如何修改可以讓其刷新之后不恢復(fù)初始狀態(tài)，能依然保持已完成的任務(wù)狀態(tài)，暫時不知如何去做，歡迎留言指教。有其他思路的也歡迎留言評論。<ul class="renwu"> <li class="renwu-li" id="renwu1"><span class="renwu-li-left">任務(wù)001</span><button class="renwu-li-right" onclick="anniu1(1)">完成</button></li> <li class="renwu-li" id="renwu2"><span class="renwu-li-left">任務(wù)002</span><button class="renwu-li-right" onclick="anniu1(2)">完成</button></li> <li class="renwu-li" id="renwu3"><span class="renwu-li-left">任務(wù)003</span><button class="renwu-li-right" onclick="anniu1(3)">完成</button></li> <li class="renwu-li" id="renwu4"><span class="renwu-li-left">任務(wù)004</span><button class="renwu-li-right" onclick="anniu1(4)">完成</button></li> <li class="renwu-li" id="renwu5"><span class="renwu-li-left">任務(wù)005</span><button class="renwu-li-right" onclick="anniu1(5)">完成</button></li></ul><script>function anniu1(x){ document.getElementById("renwu" + x).style.display = "none";}</script><!DOCTYPE html><html><head><meta charset="utf-8" /><title>每日任務(wù)</title></head><body><ul class="renwu"> <li class="renwu-li" id="renwu1"><span class="renwu-li-left">任務(wù)001</span><button class="renwu-li-right" onclick="anniu1(1)">完成</button></li> <li class="renwu-li" id="renwu2"><span class="renwu-li-left">任務(wù)002</span><button class="renwu-li-right" onclick="anniu1(2)">完成</button></li> <li class="renwu-li" id="renwu3"><span class="renwu-li-left">任務(wù)003</span><button class="renwu-li-right" onclick="anniu1(3)">完成</button></li> <li class="renwu-li" id="renwu4"><span class="renwu-li-left">任務(wù)004</span><button class="renwu-li-right" onclick="anniu1(4)">完成</button></li> <li class="renwu-li" id="renwu5"><span class="renwu-li-left">任務(wù)005</span><button class="renwu-li-right" onclick="anniu1(5)">完成</button></li></ul><script>function anniu1(x){ document.getElementById("renwu" + x).style.display = "none";}</script></ul></body></html>關(guān)鍵詞：任務(wù)
客戶&案例
營銷資訊
關(guān)于我們
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
