jQuery實(shí)現(xiàn)為圖片添加鏡頭放大效果的方法

更新時(shí)間：2015年06月25日 11:19:14 作者：任意球

這篇文章主要介紹了jQuery實(shí)現(xiàn)為圖片添加鏡頭放大效果的方法,提供了四種放大鏡效果供大家選擇使用,并附有完整的源碼下載地址,需要的朋友可以參考下

本文實(shí)例講述了jQuery實(shí)現(xiàn)為圖片添加鏡頭放大效果的方法。分享給大家供大家參考。具體如下：

運(yùn)行效果如下圖所示：

主要代碼如下：

$(function () {
$("#img_01").imageLens();
$("#img_02").imageLens({ lensSize: 200 });
$("#img_03").imageLens({ imageSrc: "images/sample01.jpg" });
$("#img_04").imageLens({ borderSize: 8, borderColor: "#06f" });
});

完整實(shí)例代碼點(diǎn)擊此處本站下載。

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jquery validate表單驗(yàn)證插件
這篇文章主要為大家詳細(xì)介紹了jquery validate表單驗(yàn)證插件,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-09-09
瘋狂Jquery第一天(Jquery學(xué)習(xí)筆記)
之前一直學(xué)習(xí)，現(xiàn)在終于有時(shí)間來整理一下文檔了。以下文章都是自己學(xué)習(xí)Jquery 的筆記，希望能留下痕跡，也希望能幫助到您
2012-05-05
Bootstrap 時(shí)間日歷插件bootstrap-datetimepicker配置與應(yīng)用小結(jié)
這篇文章主要介紹了Bootstrap 時(shí)間日歷插件bootstrap-datetimepicker配置與應(yīng)用小結(jié)，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2019-05-05
jquery的index方法實(shí)現(xiàn)tab效果
jquery的index方法實(shí)現(xiàn)tab效果，需要的朋友可以參考下。
2011-02-02
jQuery 1.9版本以上的瀏覽器判斷方法代碼分享
本文給大家分享jQuery 1.9版本以上的瀏覽器判斷方法，非常不粗，具有參考借鑒價(jià)值，需要的的朋友參考下吧
2017-08-08
利用jquery給指定的table動(dòng)態(tài)添加一行、刪除一行的方法
下面小編就為大家?guī)硪黄胘query給指定的table動(dòng)態(tài)添加一行、刪除一行的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-10-10
jquery實(shí)現(xiàn)點(diǎn)擊消失的代碼
這篇文章主要介紹了jquery如何實(shí)現(xiàn)點(diǎn)擊消失,需要的朋友可以參考下
2014-03-03
jquery實(shí)現(xiàn)浮動(dòng)的側(cè)欄實(shí)例
這篇文章主要介紹了jquery實(shí)現(xiàn)浮動(dòng)的側(cè)欄,實(shí)例分析了基于jQuery的stickySidebar插件實(shí)現(xiàn)浮動(dòng)層的相關(guān)技巧,需要的朋友可以參考下
2015-06-06
jQuery獲取元素父節(jié)點(diǎn)的方法
這篇文章主要介紹了使用jQuery獲取元素父節(jié)點(diǎn)的方法,通俗易懂,需要的朋友可以參考下。
2016-06-06
jquery實(shí)現(xiàn)點(diǎn)擊a鏈接,跳轉(zhuǎn)之后,該a鏈接處顯示背景色的方法
下面小編就為大家分享一篇jquery實(shí)現(xiàn)點(diǎn)擊a鏈接,跳轉(zhuǎn)之后,該a鏈接處顯示背景色的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2018-01-01