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

(编辑：jimmy 日期: 2024/11/19 浏览：3 次 )

本文实例为大家分享了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/">

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

上一篇：javascript实现简单的on事件绑定
下一篇：JS对HTML表格进行增删改操作