方法一：
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)'
})
}
方法二：
JS超酷图片翻动展示效果
下载
JS超酷图片翻动展示效果，根据鼠标进出图片的方向来控制图片进出的方式，效果超炫，兼容主流浏览器。 使用方法： 1、head区域引用文件 lrtk.css，animation.css 2、在文件中加入!-- 代码 开始 --!-- 代码 结束 --区域代码 3、js代码需要在html代码之后载入public.js，main.js 4、如需修改图片尺寸，直接在lrtk.css第10行修改即可
.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);
}
