一个简单的javascript图片放大效果代码_图象特效

一个简单的图片放大效果:
参数说明:
1.berviary:String,需要被放大的图片id
2.expand:object,放大区域,如果不设置此项或者此项的id未设置,则默认为光标跟随模式,会自动创建用于显示放大区域的div.
3.clip:object,裁剪区域的大小,即鼠标移动到需要放大的图片上时,突出显示需要被放的大区域
4.opacity:float,放大时图片被遮罩的区域的透明度
效果1:

调用的js代码:

$E({berviary:"currentPic",expand:{id:"expand",style:{}},clip:{width:"50px",height:"50px"},opacity:"0.2"});

html代码:

演示效果:

<style type="text/css"> .img_warp {width:318px; _height:199px; _overflow:hidden; border:1px solid #ccc;padding:0px;margin-left:0px; margin-top:0px; position:absolute;top:0px; left:0px;} .img_warp{position:relative;top:0px; left:0px;/*cursor:crosshair*/} .img_warp .current{ width:318px;height:199px} </style> <div id="img_warp" class="img_warp"><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"id="currentPic1" class="current" border="0" alt="一个简单的javascript图片放大效果代码_图象特效" src="/default/index/img?u=aHR0cDovL2ZpbGVzLmpiNTEubmV0L2RlbW9pbWcvMjAxMDA4LzIwMTAwODA5LmpwZw==" title="一个简单的javascript图片放大效果代码_图象特效"></div>

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]