图片简略阅读器免费素材下载 js图片拖放展现

简略图片 拖放展现。原生js css3制造圆形图片，点击拖放图片到指定地位，全屏放年夜展现成果，支持封闭切换。这是一款简略的图片拖动展现殊效。

1. 引入CSS

<link rel="stylesheet" href="css/style.css">

2. 引入JS

<script src="js/script.js"></script>

3. HTML代码

<div class="showcase">
  <div class="project">
    <img class="project-img" src="img/1.jpg" />
    <span class="project-name">The Catcher in the Rye</span>
  </div>
  <div class="project">
    <img class="project-img" src="img/2.jpg" />
    <span class="project-name">To Kill a Mockingbird </span>
  </div>
  <div class="project">
    <img class="project-img" src="img/3.jpg" />
    <span class="project-name">The Great Gatsby</span>
  </div>
  <div class="project">
    <img class="project-img" src="img/4.jpg" />
    <span class="project-name">Animal Farm</span>
  </div>
  <div class="project">
    <img class="project-img" src="img/5.jpg" />
    <span class="project-name">The Diary of a Young Girl</span>
  </div>
  <div class="project">
    <img class="project-img" src="img/3.jpg" />
    <span class="project-name">Fahrenheit 451</span>
  </div>
  <div class="project">
    <img class="project-img" src="img/2.jpg" />
    <span class="project-name">The Grapes of Wrath</span>
  </div>
  <div class="drop">拖到外面</div>
</div>

倡议实用阅读器：360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 没有支持Safari、IE8及如下阅读器。