บทความนี้ได้แชร์รหัสโดยละเอียดของรูปภาพ JS ที่จางหายไปการสลับเข้าและออกสำหรับการอ้างอิงของคุณ เนื้อหาเฉพาะมีดังนี้
<! doctype html> <html> <head> <meta charset = "utf-8"> <title> </title> <style type = "text/css"> *{padding: 0; margin: 0;} ul {overflow: hidden; ซ้าย; Line-Height: 30px; Text-Align: center;} img {width: 306px; Opacity: 0;} .active {พื้นหลัง: สีเหลือง} </style> </head> <body> <ul> <li> Wang Baoqiang </li> <li> ma rong <li> <li> <li> src = "public.js"> </script> <script type = "text/javaScript"> var oli = document.getElementByTagname ("li"); var oimg = document.getElementsByTagname ("IMG") [0]; var arr = ['img/wbb.jpg', 'img/wlp.jpg', 'img/qs.jpg'] var time = null; var time1 = null; สำหรับ (i = 0; i <oli.length; i ++) {oli [i] .index = i; oli [i] .onclick = function () {สำหรับ (i = 0; i <oli.length; i ++) {oli [i] .classname = ""; } this.className = "active"; oimg.src = arr [this.index]; var num = 0; var step = 2; ClearInterval (เวลา); ClearInterval (Time1); time = setInterval (function () {num+= step; if (num> = 200) {num = 200; clearinterval (เวลา);} oimg.style.opacity = num/200;}, 20)}} </script> </html>ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการเรียนรู้ของทุกคนและฉันหวังว่าทุกคนจะสนับสนุน wulin.com มากขึ้น