黄飞鸿
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开发人物头像图片跟随鼠标转动特效源代码下载
- jquery实现Htmll网页图片上鼠标点击标点特效
- jquery图片的局部放大特效代码
- jquery图片放大缩小特效
- jquery图片局部放大预览特效
- jquery图片展示特效插件foxibox,带有翻页效果
- jquery图片放大插件jqzoom鼠标悬停图片放大器网页特效源码下载
- jquery实现鼠标移动到图片上缩小图片并显示图片说明特效源代码下载
- jquery仿QQ空间装扮预览图片的感应鼠标提示特效源代码下载
- jquery鼠标聚焦显示单个div详情特效源代码下载
- jquery实现鼠标左右移动蓝红菱形切换选择动画特效
- 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
- /showDiv/css
- /showDiv

- 证 jquery生成图片验证码
- 原证 jquery编写的alert弹窗插件带模式化窗口,支持$.alert({参数})语法,支持拖拽
- 证 jquery实现鼠标移动到图片上缩小图片并显示图片说明特效源代码下载
- 证精 sina微博表情插件源码下载(jquery)
- 精心挑选的22款精美jquery特效
- Ajax+JQuery留言特效
- 证 分享一个jquery的分页插件代码
- 证 jQuery/CSS3实现拼图效果的相册插件
- Jquery超酷的日,周,月日程安排插件源码分享
- 证 jquery简单mp3在线音乐播放器
- 证 Jquery实现QWERTY软键盘插件
- 证 jquery特效集锦 包含多种插件展示效果

lironggang LV38
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日

大家大大 LV1
2022年12月6日
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 LV19
2020年11月1日
zf1393774501
2020年8月26日
暂无贡献等级
lironggang LV38
2020年5月20日