图片放大效果.docVIP

以前写过一个jQuery的图片放大效果,但是存在着一些小问题,然后最近有时间重写了一遍,做了很详尽的改进.改进了大部分bug,而且不采用jQuery.[程序说明]主要为magnifier类,里面的主要方法有:init:运行方法start:则是鼠标移入div的事件处理move:则是鼠标在div中移动的事件处理end:鼠标移出后的事件处理[程序介绍]主要思维:当鼠标移入图片的时候,放大层的DIV出现,然后根据鼠标移动状况,改变放大层内图像的top值和left值.使得2个地方保持一致的现实.而2个图像跟据比例进行设置,width和height值,使之产生放大的效果.下面进行详细的解释:在init方法中,主要处理浏览框div层的大小,放大框的大小和放大的图像大小.浏览框div的width和height跟据,原始图片的大小/比例值可以获得,见代码: 复制内容到剪贴板 代码: css(m.cont.getElementsByTagName(div)[0],{????????//m.cont.getElementsByTagName(div)[0]为浏览框????display : none,????????????????//开始设置为不可见????width : m.cont.clientWidth / m.scale - borderWid + px,??