黄飞鸿的gravatar头像
黄飞鸿 2015-01-07 09:54:24

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}); 

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

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


打赏

文件名:showDiv.zip,文件大小:37.74K 下载
  • /
      • /showDiv
          • /showDiv/css
            • /showDiv/css/common.css
          • /showDiv/images
            • /showDiv/images/zxx_round_shade.png
        • /showDiv/index.html
          • /showDiv/js
            • /showDiv/js/content_zoom.js
            • /showDiv/js/jquery.min.js
顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友