您好,登錄后才能下訂單哦!
本文實現(xiàn)的是一款簡單的放大鏡效果,有三種不同的樣式,支持移動端;大家可以直接下載源碼進行學(xué)習(xí)參考,下面來一起學(xué)習(xí)學(xué)習(xí)吧。
實現(xiàn)效果如下
效果一
效果二
效果三
調(diào)用代碼如下
//前面是ID或者Class,后面有init里面參數(shù)分別有1,2,3代表三種不同的效果: zoom(‘#item').init(); //這里寫0,或者不寫都可以,默認0 zoom(‘#item').init(1); //效果2 zoom(‘#item').init(2); //效果3 //另外還有一個參數(shù),就是選擇器后面寫上true的話,就是給所有選擇的元素添加放大鏡效果,不寫的話只有第一個有 zoom(‘#item',true).init();
樣式就通過css來定義,沒有寫進js里面。
源碼下載:點擊這里
總結(jié)
以上就是這篇文章的全部內(nèi)容了,希望對大家的學(xué)習(xí)或者工作能帶來一定的幫助,如果有疑問大家可以留言交流。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。