一个简单的javascript图像放大效果代码

一个简单的图片放大效果：参数描述： 1.berviary:String，要放大的图片id 2。Expand:对象，放大区域，如果没有设置该项或者没有设置该项的ID，默认为光标跟随模式。将自动创建div。3 . clip :用于显示放大区域的对象，并剪出区域的大小，即当鼠标移动到要放大的图片时，高亮显示需要放的大区域4 . opa city 3360 float，放大时图片的蒙版区域的透明效果为1:js代码调用的JS代码：复制如下： $ e({ Berviar : ' current pic '、expand3360 { id3360 ' expand '、style 3360 } }、clip: {width360' 50px ')。复制html代码：的代码如下： div class=' img _ warp ' id=' img _ warp ' img src=' http :1 . jpg ' alt=' class=' current ' id=' current pic '/div class=' expand ' id=' expand ' style=' border : 1px solid # 555；宽度width:400px高度：400 px；margin :-200 px auto 0 auto；' overflow:hidden'/div /div示范效果：

【Ctrl A All Note :只有在外部js需要刷新的情况下才能执行】效果23360调用的Js代码：复制如下： $ e({ Berviary : ' Current pic '，Clip3360 {Width 3360' 100 px '，Height :' 100 px'}，不透明度。复制html代码：的代码如下： div class=' img _ warp ' id=' img _ warp ' img src=' http 33601 . jpg ' alt=' class=' current ' id=' current pic '/div/div演示效果3360 。

【Ctrl A Note All :如果需要引入外部Js，执行前需要刷新】