JS放大镜效果 · Web前端爱好者
HTML部分:
<div id="demo"> <div id="small-box"> <div id="mark"></div> <div id="float-box"></div> <img src="small.jpg"/> </div> <div id="big-box"> <img src="big.jpg"/> </div></div>CSS部分:
* { margin: 0; padding: 0}#demo { display: block; width: 400px; height: 255px; margin: 50px; position: relative; border: 1px solid #ccc;}#small-box { position: relative; z-index: 1;}#float-box { display: none; width: 160px; height: 120p...阅读全文
<div id="demo"> <div id="small-box"> <div id="mark"></div> <div id="float-box"></div> <img src="small.jpg"/> </div> <div id="big-box"> <img src="big.jpg"/> </div></div>CSS部分:
* { margin: 0; padding: 0}#demo { display: block; width: 400px; height: 255px; margin: 50px; position: relative; border: 1px solid #ccc;}#small-box { position: relative; z-index: 1;}#float-box { display: none; width: 160px; height: 120p...阅读全文