图片滚动/放大/拖动/标记 jQuery 插件 ZoomMarker
- 授权协议: Apache
- 开发语言: JavaScript
- 操作系统: 跨平台
- 软件首页: https://gitee.com/yeye0922/ZoomMarker
- 软件文档: https://gitee.com/yeye0922/ZoomMarker/blob/master/README.md
软件介绍
一款用于图片滚动放大拖动,且可以添加标记的jQuery插件
在项目中需要实现类似地图应用那样的,具有鼠标滚动缩放和拖动功能的插件效果,且可以添加具有回调功能的标记点。在网上找了一圈都没有找到合适的,所以图方便自己写了一个。
效果预览
点击这里查看使用ZoomMarker和EasyLoading构建的图片拖拽、缩放、标记及加载动画的示例,使用鼠标或触屏点击在图片上添加标记点,鼠标悬浮在上面查看悬浮提示窗口,使用顶部按钮实现图片切换、清空标记点和加载动画示例等。
依赖
| name | min-version | detail |
|---|---|---|
| jQuery | 3.3.1 | JavaScript的DOM操作框架 |
| jquery.mousewheel | 1.6 | jQuery鼠标滚轮监听插件 |
| Hammer.js | 2.0.4 | 多点触控插件 |
| EasyLoading.js | 0.1.0 | 加载动画库 |
在本例子中,还使用了自行编写的开源加载动画插件EasyLoading,该插件同样需要jQuery支持。
软件开发者路线图
Dave H. Hoover、Adewale Oshineye / 王江平 / 机械工业出版社 / 2010年9月 / 35.00元
作为一名软件开发者,你在奋力推进自己的职业生涯吗?面对今天日新月异和不断拓展的技术,取得成功需要的不仅仅是技术专长。为了增强专业性,你还需要一些软技能以及高效的学习技能。本书的全部内容都是关于如何修炼这些技能的。两位作者Dave Hoover和Adewale Oshineye给出了数十种行为模式,来帮你提高主要的技能。 本书中的模式凝结了多年的调查研究、无数次的访谈以及来自O’Reilly在......一起来看看 《软件开发者路线图》 这本书的介绍吧!
