首先引用文件
![[php框架] Smarty基础商品教程 Smarty入门教程 Smarty框架教程 共10课](https://jy.tp.yuanmeng.life/uploads/images/20210319/f47dc487eb949895833cd962fddc6a8b.jpg)
附件
<script type="text/javascript" src='Jquery.js'></script>这里我们来设置放大镜的样式，解决放大镜在放大的过程中边缘重叠的BUG，定义图像的实际尺寸，最后、我们来把这个mousemove()这个函数来放在这个load这个函数里。
// 首先、我们应该获得图像的实际尺寸、（本地的图片）
$('.small').load(function(){
// 这里我们需要重新创建一个和之前相同的图像对象、
// 因为我们不能直接获得图像尺寸的宽高、
// 因为我们在HTML里已经指定了图片宽度为200px、
var img_obj = new Image();
img_obj.src = $(this).attr('src');
// 在这里这段代码写在这里是非常有必要的、
// 如果在图像加载之前就访问的话、return的宽高值为0、
native_width = img_obj.width;
native_height = img_obj.height;
// 现在、我来开始写鼠标移动的函数、mousemove()
$('.magnify').mousemove(function(e){
// 获得鼠标X轴和Y轴的坐标
// 先获得magnify相对与document的定位position
var magnify_offset = $(this).offset();
// 这里我们用鼠标相对与文档的位置减去鼠标相对于magnify这个人容器的位置 来得到鼠标的位置
var mouse_x = e.pageX - magnify_offset.left;
var mouse_y = e.pageY - magnify_offset.top;
// 现在、我们来调整一下放大镜的隐藏与显示、
if( mouse_x > 0 && mouse_y > 0 && mouse_x < $(this).width() && mouse_y < $(this).height() ){
$('.large').fadeIn(100);
}else{
$('.large').fadeOut(100);
}*
回帖描述：*
链接类型：*
下载链接：
验证通过自动获取下载链接
*
描述：*
回帖描述：*
链接类型：*
阅读权限：*
下载链接：
微信客服
QQ客服
QQ群
