js实现图片淡入淡出切换简易效果

站长资源 2025/11/3 佚名

3 1538 3

相思资源网 Design By www.200059.com

本文实例为大家分享了js图片淡入淡出切换详细代码，供大家参考，具体内容如下

<!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{background:yellow}
    </style>
     
     
  </head>
  <body>
    <ul>
      <li>王宝强</li>
      <li>马蓉</li>
      <li>宋吉</li>
    </ul>
    <img src="/UploadFiles/2021-04-02/">

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

js图片淡入淡出切换,js淡入淡出切换,js图片切换

标签：