arcgis for js 修改infowindow样式的方法


Posted in Javascript onNovember 02, 2016

方法一:

function popup()
{
  $(".esriPopup .titlePane").css({
'background-color':'rgba(64,64,64,0.8)'
  })
  $(".esriPopup .contentPane").css({
'background-color':'rgba(64,64,64,0.8)',
'color':'#FFFFFF'
  })
  $(".esriPopup .actionsPane").css({
'background-color':'rgba(64,64,64,0.8)'
  })
}

方法二:

.esriPopup .esriPopupWrapper
{
background-image: url(../images/beijingtu1.png);
background-size:100% 100%;
box-shadow: 0 0 0 #777777;
  -webkit-box-shadow: 0 0 0 #777777;
  padding:3em;
}
.esriPopup .titlePane
{
background-color:rgba(64,64,64,0);
}
.esriPopup .contentPane
{
background-color:rgba(64,64,64,0);
color:#FFFFFF;
scrollbar-base-color: #373737;
  scrollbar-3dlight-color: #4c4c4c;
  scrollbar-highlight-color: #373737;
  scrollbar-track-color: #808080;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #373737;
  scrollbar-dark-shadow-color: #373737;
}
.esriPopup .actionsPane
{
background-color:rgba(64,64,64,0);
}

以上就是小编为大家带来的arcgis for js 修改infowindow样式的方法全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
js查找父节点的简单方法
Jun 28 Javascript
javascript打印大全(打印页面设置/打印预览代码)
Mar 29 Javascript
jquery scrollTop方法根据滚动像素显示隐藏顶部导航条
May 27 Javascript
JS教程:window.location使用方法的区别介绍
Oct 04 Javascript
JS兼容浏览器的导出Excel(CSV)文件的方法
May 03 Javascript
每天一篇javascript学习小结(Date对象)
Nov 13 Javascript
jquery插件jquery.LightBox.js实现点击放大图片并左右点击切换效果(附demo源码下载)
Feb 25 Javascript
vuejs在解析时出现闪烁的原因及防止闪烁的方法
Sep 19 Javascript
JavaScript错误处理和堆栈追踪详解
Apr 18 Javascript
vue双花括号的使用方法 附练习题
Nov 07 Javascript
对angularJs中自定义指令replace的属性详解
Oct 09 Javascript
微信小程序 this.triggerEvent()的具体使用
Dec 10 Javascript
快速解决js中window.location.href不工作的问题
Nov 02 #Javascript
javascript创建对象的3种方法
Nov 02 #Javascript
AngularJS入门教程之表单校验用法示例
Nov 02 #Javascript
JQuery Ajax WebService传递参数的简单实例
Nov 02 #Javascript
ASP.NET jquery ajax传递参数的实例
Nov 02 #Javascript
Javascript 正则表达式校验数字的简单实例
Nov 02 #Javascript
在JSP中如何实现MD5加密的方法
Nov 02 #Javascript
You might like
php 安全过滤函数代码
2011/05/07 PHP
PHP中的多种加密技术及代码示例解析
2016/10/20 PHP
Laravel框架实现的批量删除功能示例
2019/01/16 PHP
php反序列化长度变化尾部字符串逃逸(0CTF-2016-piapiapia)
2020/02/15 PHP
JQuery跨Iframe选择实现代码
2010/08/19 Javascript
不使用中间变量,交换int型的 a, b两个变量的值。
2010/10/29 Javascript
今天是星期几的4种JS代码写法
2013/09/17 Javascript
javascript实现倒计时跳转页面
2016/01/17 Javascript
jQuery+css实现的时钟效果(兼容各浏览器)
2016/01/27 Javascript
使用JS中的exec()方法构造正则表达式验证
2016/08/01 Javascript
iOS + node.js使用Socket.IO框架进行实时通信示例
2017/04/14 Javascript
AngularJS 前台分页实现的示例代码
2018/06/07 Javascript
vue框架搭建之axios使用教程
2018/07/11 Javascript
基于D3.js实现时钟效果
2018/07/17 Javascript
详解vue通过NGINX部署在子目录或者二级目录实践
2018/09/03 Javascript
深入分析element ScrollBar滚动组件源码
2019/01/22 Javascript
前端天气插件tpwidget使用方法详解
2019/06/24 Javascript
vue动态循环出的多个select出现过的变为disabled(实例代码)
2019/11/10 Javascript
JavaScript实现下拉列表
2021/01/20 Javascript
[02:41]2015国际邀请赛中国区预选赛观战指南
2015/05/20 DOTA
Python操作列表的常用方法分享
2014/02/13 Python
python通过pil模块获得图片exif信息的方法
2015/03/16 Python
Python中的super用法详解
2015/05/28 Python
python向字符串中添加元素的实例方法
2019/06/28 Python
复化梯形求积分实例——用Python进行数值计算
2019/11/20 Python
学生如何注册Pycharm专业版以及pycharm的安装
2020/09/24 Python
维多利亚的秘密官方旗舰店:VICTORIA’S SECRET
2018/04/02 全球购物
莱德杯高尔夫欧洲官方商店:Ryder Cup Shop
2019/08/14 全球购物
Fox Racing英国官网:越野摩托车和山地自行车服装
2020/02/26 全球购物
美国领先的机场停车聚合商:Airport Parking Reservations
2020/02/28 全球购物
高一生物教学反思
2014/01/17 职场文书
中式结婚主持词
2014/03/14 职场文书
秋季开学典礼主持词
2014/03/19 职场文书
电子商务专业应届毕业生求职信
2014/06/21 职场文书
餐饮周年庆活动方案
2014/08/14 职场文书
教师见习报告范文
2014/11/03 职场文书