黄飞鸿的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
最代码最近下载分享源代码列表最近下载
lironggang  LV34 2020年5月20日
画圆儿  LV6 2019年12月13日
1337327373  LV2 2019年7月19日
muyyang  LV3 2017年11月30日
locuszhu16  LV1 2017年6月13日
gyjsuper  LV25 2016年3月16日
a3870764722a  LV22 2015年8月4日
杰杰杰杰  LV11 2015年3月24日
monkchen  LV4 2015年3月16日
javaisnull  LV10 2015年1月30日
最代码最近浏览分享源代码列表最近浏览
Wangzai milk.  LV1 2021年12月26日
沫戏回首  LV10 2021年4月26日
biepayouwo  LV7 2021年2月8日
muimuimui  LV9 2021年1月22日
地上有草  LV12 2020年12月8日
龙雯玥  LV1 2020年12月7日
736101636  LV18 2020年11月1日
zf1393774501 2020年8月26日
暂无贡献等级
lironggang  LV34 2020年5月20日
sunchao  LV6 2020年4月22日
顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友