原生js实现放大镜效果

 
 
 
 
 
 
 
 


 

 项目地址
 返回首页
 
 

 

 

 

 

 
 
 

 
 
 
 
 
 

 

 不传参数，执行默认参数，鼠标经过预览图切换
 
 
new magnifier("#magnifier1");


 

 event:"click"，点击预览图切换图片，默认"mouseover" 执行默认参数
 
 
new magnifier("#magnifier1",{
 event:"click"
 });
 
 

 

 
调用方法：
 
new magnifier(selector,{options});
 
 
options参数
 

 

 

 
参数
 
默认值
 
说明
 
 
 

 

 
event
 
"mouseover"
 
可设置鼠标点击"click"