色尼玛亚洲综合影院,亚洲3atv精品一区二区三区,麻豆freexxxx性91精品,欧美在线91

jquery 實現(xiàn)京東商城、凡客商城的圖片放大效果

效果如下:


看下我們的演示,“運(yùn)行代碼”后請刷新一次:

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
要實現(xiàn)這樣的效果,只需要在需要這樣效果的頁面的區(qū)域加入:
復(fù)制代碼 代碼如下:
<link rel="stylesheet" type="text/css" href="css/jqzoom.css" />
<script src="js/jquery-1.3.2.min.js" type="text/Javascript"></script>
<script src="js/jqzoom.pack.1.0.1.js" type="text/Javascript"></script>
<script language="Javascript" type="text/Javascript">
$(function() {
var option =
{
zoomWidth:350,
zoomHeight:260,
lens:true,
xOffset:20,
yOffset:-1,
positon:"left",
title:false
}
$(".jqzoom").jqzoom(option);
});
</script>

而對于需要采用該效果的圖片:
復(fù)制代碼 代碼如下:
<a href="upload/bimg/2.jpg" class="jqzoom" title="搜索吧"><img src="upload/simg/2.jpg" /></a>

class="jqzoom"是關(guān)鍵。
而其屬性設(shè)置包括:

您也可以直接查看原文章:http://www.mind-projects.it/projects/jqzoom/index.php#examples
您也許有興趣看下作者精心準(zhǔn)備的例子:http://www.mind-projects.it/projects/jqzoom/demos.php#demo1

打包下載地址

JavaScript技術(shù)jquery 實現(xiàn)京東商城、凡客商城的圖片放大效果,轉(zhuǎn)載需保留來源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 渑池县| 江口县| 安陆市| 绥江县| 双辽市| 鹿邑县| 台湾省| 清镇市| 英德市| 奈曼旗| 普安县| 木兰县| 牙克石市| 乐亭县| 渝北区| 哈巴河县| 德阳市| 水富县| 牙克石市| 来宾市| 石棉县| 西林县| 岐山县| 黄大仙区| 称多县| 梧州市| 丹棱县| 建湖县| 承德市| 象州县| 吴江市| 五寨县| 东兰县| 滦南县| 溧阳市| 浦城县| 泾阳县| 新竹县| 迁安市| 宁河县| 神池县|