代码拉取完成,页面将自动刷新
I offer you a web plugin based on jquery that make a mini view of a container on your page. And support mousewheel zoom in.
Load up miniView.js
(after jQuery):
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="miniView.js"></script>
Then add a container with attribute id that much larger than the parent container
<div class="borderDiv" style="width: 800px; height: 600px; overflow: hidden; border: 1px solid;">
<div class="mainContainer" id="view" style="width: 2000px; height: 1500px; background-color: #bad6cb"></div>
</div>
After the page is loaded, use init method to initialize the mini view. The method accept config that you can define the scale value, selector and parent scale value.
var miniMapObject = MiniMap.init({selector:"#view"});
param: config. json format
key | Behavior |
---|---|
selector |
Jquery selector with id attribute |
zoom |
Scale value of the mini map. default value 0.1 |
viewZoom |
Scale value of the container. default value 1 |
isEnableMouseWheel |
Whether enable mousewheel to zoom the container |
param: config. just like init method.
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
1. 开源生态
2. 协作、人、软件
3. 评估模型