Html
    Css
    Js

    
                        
* {
	margin:0px;
	padding:0px;
}
#small {
	width:400px;
	height:400px;
	position:absolute;
	left:10px;
	top:10px;
	border:solid 1px #ddd;
}
#big {
	display:none;
	width:400px;
	height:400px;
	position:absolute;
	left:500px;
	top:10px;
	border:solid 1px #ddd;
	overflow:hidden;
}
#move {
	display:none;
	width:160px;
	height:160px;
	background:url('./img/bg.png');
	position:absolute;
	left:0px;
	top:0px;
}
#list {
	list-style:none;
	position:absolute;
	left:10px;
	top:420px;
	width:100%;
	height:100px;
}
#list li {
	width:90px;
	height:90px;
	float:left;
	margin-right:10px;
	padding:5px;
	border:solid 1px #ddd;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.8.3
 立即下载

放大镜特效无需插件

我这里发布代码无法发布图片,请用户自己加上图片

1
      罄?一瞥0
      2017/5/27 15:05:00
      说好的放大镜效果,图片竟然还是原始比例查看!右侧空白效果很难看 回复