在調用jqzoom圖片放大鏡插件時,需要準備一大一小兩張一樣的圖片,在頁面中顯示小圖片,當鼠標在小圖片中移動時,調用該插件的jqzoom()
方法,顯示與小圖片相同的大圖片區域,從而實現放大鏡的效果,調用格式如下:
$(linkimage).jqzoom({options})
其中linkimage參數為包含圖片的<a>元素名稱,options為插件方法的配置對象。
例如,在頁面中,添加一個被<a>元素包含的圖片元素,當在圖片元素中移動鼠標時,在圖片的右邊,將顯示放大后的所選區域效果,如下圖所示:
在瀏覽器中顯示的效果:
從圖中可以看出,當在小圖片中移動鼠標時,將調用放大鏡插件的jqzoom()
方法,在圖片的右側顯示與小圖片所選區域相同的放大區域,實現放大鏡的效果。
請驗證,完成請求
由于請求次數過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報