本文實現的是一款簡單的放大鏡效果，有三種不同的樣式，支持移動端；大家可以直接下載源碼進行學習參考，下面來一起學習學習吧。
實現效果如下
效果一
效果二
效果三
調用代碼如下
//前面是ID或者Class，后面有init里面參數分別有1,2,3代表三種不同的效果： zoom(‘#item').init(); //這里寫0，或者不寫都可以，默認0 zoom(‘#item').init(1); //效果2 zoom(‘#item').init(2); //效果3 //另外還有一個參數，就是選擇器后面寫上true的話，就是給所有選擇的元素添加放大鏡效果，不寫的話只有第一個有 zoom(‘#item',true).init();
樣式就通過css來定義，沒有寫進js里面。
源碼下載：點擊這里
總結
以上就是這篇文章的全部內容了，希望對大家的學習或者工作能帶來一定的幫助，如果有疑問大家可以留言交流。
新聞熱點
疑難解答
