首页  >  问答  >  正文

怎么在网页中设置图片进行左右滑动

<html>   <head>      <meta charset="UTF-8">      <title>溢出处理作业</title>      <style type="text/css">         #img-list{            /* 宽度,高度 */            width:500px;            height:150px;            /*边框*/            border:1px solid #000;            /*横向溢出使用滚动条 (auto || scroll)*/            overflow:auto;         }         #img-list>p{            /* 宽度,高度 背景色 */            width:800px;            height:100px;         }         #img-list>p>img{            width:100px;            /*鼠标悬停之前,增加边框,颜色设置为透明*/            border-radius:5px;            /*border:2px solid transparent;*/         }         /*鼠标悬停时,显示边框*/         #img-list>p>img:hover{            border-color:#f00;            box-shadow:3px 3px 0px 0px #ddd;         }      </风格>   </头>   <正文>         <div id="img-list">                  

                        <img src="p_small_002.jpg">            <img src="p_small_003.jpg">            <img src="p_small_004.jpg">            <img src="p_small_005.jpg">            <img src="p_small_006.jpg">            <img src="p_small_007.jpg">         

      </div>   </body></html>

。。。。。。1469 天前2031

全部回复(1)我来回复

  • 天蓬老师

    天蓬老师2020-11-09 09:40:30

    需要js配合

    回复
    0
  • 取消回复