JavaScript-需要在页面显示一张大图,如何实现像google maps那样的效果 可以拖动查看?

JavaScript-需要在页面显示一张大图,如何实现像google maps那样的效果 可以拖动查看?

甜柠檬 发布于 2017-03-10 字数 31 浏览 1056 回复 2

最好是个jquery插件,谢谢

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

瑾兮 2017-08-20 2 楼

推荐一个插件:

https://github.com/can3p/iviewer

支持鼠标控制放大、缩小操作,支持拖动查看。最重要的是,使用方法十分简单:

$("#yourid").iviewer(options);

关于options的详细介绍,可以参考这里的文档

浮生未歇 2017-07-05 1 楼

用jquery ui就可以实现拖动的效果。
ocurce:拖拽源
taerget:拖放目标,能够放入source的容器。
拖拽的动作分解如下:
  1. drag start:在拖拽源(source)上按下鼠标并开始移动
  2. drag move: 移动过程中
  3. drag enter: 移动进入目标(target)容器
  4. drag leave: 移出目标(target)容器
  5. drop: 在目标(target)容器上释放鼠标
  6. drag end: 结束
一个简单的例子:
<script>
$(function(){
$("#ID").draggable();
});
</script>