Jquery 图片放大效果，类似淘宝商品放大显示付完整源码

大小: 0.23M

文件类型: .zip

金币: 1

下载: 0 次

发布日期: 2021-01-30
语言: JavaScript
标签: jQuery 淘宝图片放大

高速下载

资源简介

调用方法如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>便携式电子万年历 - 积分兑换 - 名吉管理处</title>
<style type="text/css">
#ShowPictureBox { width:300px; height:300px;overflow:hidden; }
</style>
<script type="text/javascript" language="javascript" src="jquery.js"></script>
<script type="text/javascript" language="javascript" src="jquery.JNMagnifier.js"></script>
<script type="text/javascript">
$(document).ready(function(){
        $("#ShowPictureBox").JNMagnifier({
            renderTo:"#ShowBigPictureBox"
        });
});
</script>
</head>
<body>

	    <div id="ShowPictureBox">
<img src="2011111614473078125001746.jpg" width="200" height="200">
	    </div>
	    <div id="ShowBigPictureBox" style=" position:absolute; top:20px; left:250px; overflow:hidden; display:none; border:3px solid #ccc; padding:5px; background-repeat:no-repeat; background-color:#fff; width:300px; height:300px;">
	    
	    </div>
	  

</body>
</html>

资源截图

小图大图

代码片段和文件信息

属性            大小     日期    时间   名称
----------- ---------  ---------- -----  ----
     文件      230525  2011-12-02 09:44  2011111614473078125001746.jpg
     文件        1108  2011-12-03 09:04  demo.html
     文件        1651  2011-12-03 09:07  jquery.JNMagnifier.js
     文件       91556  2011-08-01 11:29  jquery.js

上一篇：Jquery 猜数字游戏
下一篇：Jsp调用 Jquery ajaxForm 返回 xml json html 的几个

共有条评论

Jquery 图片放大效果，类似淘宝商品放大显示 付完整源码

资源简介

资源截图

代码片段和文件信息

评论

相关资源

Jquery 图片放大效果，类似淘宝商品放大显示付完整源码