純JS/CSS製作的精美圖片放大鏡外掛程式

來源:互聯網
上載者:User
<!doctype html><html><head> <base href="http://www.etherdream.com/FunnyScript/Magnifier/" /> <meta charset="utf-8"/> <title>Magnifier Demo</title> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <style>  .test  {   margin: 100px 0 0 200px;  }    .test a  {   font-size: 14px;   color: #404040;  }    .test img  {   border: #4b4b4b 1px solid;  } </style></head><body> <script src="Magnifier-min.js"></script> <pre>源碼:<a href="magnifier.js">magnifier.js</a></pre> <div class="test">  <h3><a target="_blank" href="">Picture I</a></h3>    <img src="test/pic1.jpg" bigsrc="test/pic1-big.jpg" /> </div> <div class="test">  <h3><a target="_blank" href="">Picture II</a></h3>    <img src="test/pic2.jpg" bigsrc="test/pic2-big.jpg" /> </div> <div class="test">  <h3><a target="_blank" href="">Picture III</a></h3>    <img src="test/pic3.jpg" bigsrc="test/pic3-big.jpg" /> </div></body></html>
相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.