原生js实现放大镜效果

话不多说，请看代码

 
 
 
 
 
 
 
 


 

 项目地址
 返回首页
 
 

 

 

 

 

 
 
 

 
 
 
 
 
 

 

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

 

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

 

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

 

 

 
参数
 
默认值
 
说明
 
 
 

 

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

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！