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 相关文章推荐
jquery实现的带缩略图的焦点图片切换(自动播放/响应鼠标动作)
Jan 23 Javascript
Jquery实现的简单轮播效果【附实例】
Apr 19 Javascript
JS组件Bootstrap实现下拉菜单效果代码
Apr 26 Javascript
浅谈JS中json数据的处理
Jun 30 Javascript
AngularJS入门教程之控制器详解
Jul 27 Javascript
vue.js+boostrap项目实践(案例详解)
Sep 21 Javascript
JS针对Array的各种操作汇总
Nov 29 Javascript
JavaScript之filter_动力节点Java学院整理
Jun 28 Javascript
jQuery实现点击关注和取消功能
Jul 03 jQuery
js canvas实现写字动画效果
Nov 30 Javascript
JS一次前端面试经历记录
Mar 19 Javascript
Node Mongoose用法详解【Mongoose使用、Schema、对象、model文档等】
May 13 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
CI框架装载器Loader.php源码分析
2014/11/04 PHP
Laravel项目中timeAgo字段语言转换的改善方法示例
2019/09/16 PHP
a标签的css样式四个状态
2021/03/09 HTML / CSS
JQuery 1.4 中的Ajax问题
2010/01/23 Javascript
js 获取服务器控件值的代码
2010/03/05 Javascript
js 限制数字 js限制输入实现代码
2012/12/04 Javascript
JQuery实现倒计时按钮具体方法
2013/11/14 Javascript
jQuery写fadeTo示例代码
2014/02/21 Javascript
深入理解JS中的变量及作用域、undefined与null
2014/03/04 Javascript
原生javascript实现获取指定元素下所有后代元素的方法
2014/10/28 Javascript
jquery禁止回车触发表单提交
2014/12/12 Javascript
nodejs中操作mysql数据库示例
2014/12/20 NodeJs
jQuery绑定事件监听bind和移除事件监听unbind用法实例详解
2016/01/19 Javascript
javascript禁止超链接跳转的方法
2016/02/02 Javascript
Bootstrap每天必学之级联下拉菜单
2016/03/27 Javascript
JS实现简单表格排序操作示例
2017/10/07 Javascript
node.js支持多用户web终端实现及安全方案
2017/11/29 Javascript
说说node中的可读流和可写流的区别
2018/06/01 Javascript
微信小程序Flex布局用法深入浅出分析
2019/04/25 Javascript
Vue中el-form标签中的自定义el-select下拉框标签功能
2020/04/20 Javascript
手把手教你如何编译打包video.js
2020/12/09 Javascript
[05:06]DOTA2-DPC中国联赛 正赛 VG vs Magma选手采访
2021/03/11 DOTA
python学习数据结构实例代码
2015/05/11 Python
Unicode和Python的中文处理
2017/03/19 Python
解决nohup重定向python输出到文件不成功的问题
2018/05/11 Python
python opencv实现旋转矩形框裁减功能
2018/07/25 Python
详解Python 多线程 Timer定时器/延迟执行、Event事件
2019/06/27 Python
在CentOS7下安装Python3教程解析
2020/07/09 Python
Linux安装Python3如何和系统自带的Python2并存
2020/07/23 Python
求职信范文英文版
2014/01/05 职场文书
创新比赛获奖感言
2014/02/13 职场文书
加入学生会演讲稿
2014/04/24 职场文书
政法干警核心价值观心得体会
2014/09/11 职场文书
2014政府领导班子对照检查材料思想汇报(3篇)
2014/09/26 职场文书
2014镇党委书记党建工作汇报材料
2014/11/02 职场文书
《亲亲我的妈妈》观后感(3篇)
2019/09/26 职场文书