شاركت هذه المقالة الكود التفصيلي لصورة JS التي تتلاشى داخل وخارج التبديل للرجوع إليه. المحتوى المحدد كما يلي
<! doctype html> <html> <head> <meta charset = "utf-8"> </title> <type type = "text/css"> *{padding: 0 ؛ margin: 0 ؛} ul {overflow: hidden ؛ اليسار ؛ خط الارتفاع: 30px ؛ text-align: center ؛} img {width: 306px ؛ opacity: 0 ؛ <script 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 ؛ لـ (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 (الوقت) ؛ ClearInterval (time1) ؛ time = setInterval (function () {num+= step ؛ if (num> = 200) {num = 200 ؛ clearInterval (time) ؛} oimg.style.opacity = num/200 ؛} ، 20)}} </script> </html>ما سبق هو كل محتوى هذه المقالة. آمل أن يكون ذلك مفيدًا لتعلم الجميع وآمل أن يدعم الجميع wulin.com أكثر.