layer的使用

layer

layer交流社区

这里写图片描述

<script type="text/javascript" src="jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="layer/layer.js"></script>
<body>
    <input type="button" id="btn" value="测试">
    <hr>
        使用说明:<br/>
        一、使用时,请把文件夹layer整个放置在您站点的任何一个目录,只需引入layer.js即可,除jQuery外,其它文件无需再引入。<br/>
        二、如果您的js引入是通过合并处理或者您不想采用layer自动获取的绝对路径,您可以通过layer.config()来配置(详见官网API页)<br/>
        三、jquery需1.8+<br/>
        四、更多使用说明与演示,请参见layer官网。<br/>
        五、使用时请务必保留来源,请勿用于违反我国法律的web平台。<br/>
        六、layer遵循LGPL协议,将永久性提供无偿服务。<br/>


</body>

    <script type="text/javascript">
        $(function(){
            $("#btn").click(function(){
                layer.open({
                    type:0,//0:信息框; 1:页面; 2:iframe层;    3:加载层;  4:tip层
                    title:'哈哈哈,我是标题',
                    area:['400px','300px'],//大小
                    shadeClose:false,//点击弹层外区域 遮罩关闭
                    content:'我是内容'
                });
            });
        });
    </script>

效果图
这里写图片描述

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
OpenLayers是一个用于Web地图开发的开源JavaScript库,它提供了一系列功能和API,可以让你在网页上轻松地添加交互式地图。 如果您想使用OpenLayers进行线切割矩形操作,可以通过以下步骤实现: 1. 创建一个OpenLayers地图对象。 2. 创建一个矩形要素对象,并将其添加到地图中。 3. 创建一个线要素对象,并将其添加到地图中。 4. 使用`clipPolygon`函数对矩形要素进行切割,并将切割后的结果显示在地图上。 以下是一个示例代码片段,演示如何使用OpenLayers对矩形进行线切割: ```javascript // 创建一个地图对象 var map = new ol.Map({ target: 'map', layers: [ new ol.layer.Tile({ source: new ol.source.OSM() }) ], view: new ol.View({ center: [0, 0], zoom: 2 }) }); // 创建一个矩形要素 var rect = new ol.Feature({ geometry: new ol.geom.Polygon([ [[-50, -50], [-50, 50], [50, 50], [50, -50], [-50, -50]] ]) }); // 创建一个线要素 var line = new ol.Feature({ geometry: new ol.geom.LineString([[-100, 0], [100, 0]]) }); // 将要素添加到地图中 var vectorLayer = new ol.layer.Vector({ source: new ol.source.Vector({ features: [rect, line] }) }); map.addLayer(vectorLayer); // 对矩形进行线切割 var clippedFeatures = rect.getGeometry().clipPolygon(line.getGeometry()); // 将切割后的结果添加到地图中 var clippedFeature = new ol.Feature(clippedFeatures); var clippedLayer = new ol.layer.Vector({ source: new ol.source.Vector({ features: [clippedFeature] }) }); map.addLayer(clippedLayer); ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值