jQuery扩展插件实现单击文字或图片内容放大显示且含圆角投影特效代码分享

对jquery进行扩展插件。

使用分三步 1、对某个节点 有放大效果。需要将其设置成超链接

<a href="#pic_four">
<img src="http://www.csrcode.cn/images/m08.jpg" />
</a>

在超链接的href属性指定 #弹出div的ID

第二步、创建弹出div

<div id="pic_one" style="display:none;"><img src="/images/1.jpg" /></div>

第三步、js $('a').fancyZoom({scaleImg: true, closeOnClick: true , width : 500, height:500}); 

就这样简单三步可以完成 对话框的弹出。