Artikel ini telah membagikan kode terperinci dari gambar JS yang memudar masuk dan keluar untuk referensi Anda. Konten spesifiknya adalah sebagai berikut
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{padding: 0;margin: 0;} ul{overflow: hidden;} li{list-style: none;height: 30px;border: 1px solid #000;width: 100px;float: Left; line-height: 30px; text-align: center;} img {width: 306px; opacity: 0;} .active {latar belakang: kuning} </tyle> </head> <body> <ul> <li> Wang Baoqiang </li> <li> Ma rong </li> <li> <"Song Ji </uL> <li> <li> <li> Ma rong </li> <li> Lagu Ji </uL> <li> <li> <li> <skrip src = "public.js"> </script> <script type = "text/javascript"> var oli = document.geteLementsbyTagname ("li"); var oimg = document.getElementsbyTagname ("img") [0]; var arr = ['img/wbb.jpg', 'img/wlp.jpg', 'img/qs.jpg'] var time = null; var time1 = null; untuk (i = 0; i <oli.length; i ++) {oli [i] .index = i; oli [i] .onClick = function () {for (i = 0; i <oli.length; i ++) {oli [i] .className = ""; } this.className = "Active"; oimg.src = arr [this.index]; var num = 0; var step = 2; ClearInterval (waktu); ClearInterval (Time1); waktu = setInterval (function () {num+= step; if (num> = 200) {num = 200; clearInterval (time);} oimg.style.opacity = num/200;}, 20)}} </script> </html>Di atas adalah semua konten artikel ini. Saya berharap ini akan membantu untuk pembelajaran semua orang dan saya harap semua orang akan lebih mendukung wulin.com.