<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>西安供电局-西安市区营业网点</title>
<META content=西安供电局电网 name=Keywords>
<META content=西安供电局电网 name=Description>
<LINK media=screen href="../css-js/index_style.css" type=text/css rel=stylesheet>
<style>
/*第一种形式*/
#tabs0 {
height:auto;
width: 964px;
margin:50px auto 10px auto;
padding:0;
}
.menu0{
width: 964px;
height:72px;
background: url(../images/list_d_info_wd.gif) repeat-x left 36px;
margin:0 auto;
overflow:hidden;
padding:0;
}
.menu0 li{
display:block;
float: left;
padding: 0px 0;
width:172px;
text-align: center;
cursor:pointer;
background:url(../images/map_a.gif);
height:32px; margin-left:10px;
padding-top:11px;
font-size:14px; color:#000;
}
.menu0 li a{ color:#4a4a4a; text-decoration:none;}
.menu0 li a:hover{ text-decoration:none;}
.menu0 li.hover{
background:url(../images/map_ahover.gif) no-repeat left bottom;
color:#fff;
}
#main0 ul{
display: none;
}
#main0 ul.block{
display: block;
}
.main{ width:964px; height:auto; margin:0 auto;}
.main ul { list-style:none; margin:0; padding:0;}
-->
</style>
<script language=javascript>
function mouseCoords_(ev){
if(ev.pageX || ev.pageY){
return {x:ev.pageX, y:ev.pageY};
}
return {
x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
y:ev.clientY + document.body.scrollTop- document.body.clientTop
};
}
function mouseMove(ev)
{
ev= ev || window.event;
var mousePos = mouseCoords_(ev);
//alert(ev.pageX);
// document.getElementById('xy').value = mousePos.x;
//document.getElementById('xy').value += '----'+mousePos.y;
}
document.onmousemove = mouseMove;
</script>
<script language=javascript>
var ss=new Array("北关营业厅 西安市 北关正街36号 86222277","西关营业厅 西安市西关正街228号 88623562","土门营业厅 西安市西二环南段58号 84269886","韩森路营业厅 西安市韩森路286号 83285003","万寿北路营业厅 西安市万寿北路16号 83305913","客户服务中心营业厅 西安市环城东路159号 83302282","兴庆路营业厅 西安市兴庆路75号 83295792","含光路营业厅 西安市含光路74号 88462931","文艺路营业厅 西安市文艺路 87896686");
function cc(tt,s)
{
var address=ss[s];
document.getElementById('dizhi').innerHTML =address;
var daps = document.all.pop.style;
var ev = window.event;
var mousePos = mouseCoords_(ev);
//alert(mousePos.x);
//alert(mousePos.y);
var ttop = mousePos.y; //TT控件的定位点高
var thei = tt.clientHeight; //TT控件本身的高
var tleft = mousePos.x; //TT控件的定位点宽
var ttyp = tt.type; //TT控件的类型
while (tt = tt.offsetParent){ttop+=mousePos.y; tleft+=mousePos.x;}
//daps.top = (ttyp=="image")? ttop+thei : ttop+thei-6; //层的 Y 坐标
//daps.left = tleft + 5; //层的 X 坐标
//document.getElementById('xy').value= mousePos.x+'-----'+mousePos.y;
daps.top = mousePos.y+document.documentElement.scrollTop;
daps.left = mousePos.x; //层的 X 坐标
daps.display = ""; //层显示
}
</script>
</head>
<body>
<div class="I-logotr">
<!--logo行开始-->
<div class="I-logotd"><a href="#"><img src="../images/logo.jpg" /></a></div>
<div class="I-logotd2 ">
<form action="" method="get"> <ul>
<li></li>
<li></li>
<li><a href="#" onClick="javascript:this.style.behavior='url(#default#homepage)';this.setHomePage('#');">设为首页</a></li>
<li>|</li>
<li><a href="../map.html">网站地图</a></li>
</ul>
</form>
</div>
</div>
<!--logo行结束-->
<div class="I-top-line"></a></div>
<div class="I-top-banner"><a href="#"> <img src="../images/news_list_banner.jpg" /></a></div>
<div class="I-top-menubox"><!--上部菜单盒子开始-->
<div class="I-top-menu "> <ul>
<li><a href="../index.html">首 页</a><br /><a href="../gwdt/gwdt_list.html">国网动态</a></li>
<li><a href="../Introdaction/qyjj.html">企业简介</a><br /><a href="../ydcs/ydcs_list.html">用电常识</a></li>
<li><a href="../NewsCenter/news_company_list.html">新闻中心</a><br /><a href="../tdjh/tdjh_list.html">停电计划</a></li>
<li style="width:109px;"><a href="../dlhyxx/dlhyxx_list.html">电力行业信息</a><br /><a href="../dlssbh/dlssbh_list.html">电力设施保护</a></li>
<li><a href="../qywh/curture_toutiao_list.html">企业文化</a><br /><a href="../dlrw/dlrw_list.html">电力人物</a></li>
<li><a href="../shzr/shzr_list.html">社会责任</a><br /><a href="../sxnd/sxnd_list.html">三新农电</a></li>
<li><a href="../dwjs/dwjs_list.html">电网建设</a><br /><a href="../yzfw/yzfw_list.html">优质服务</a></li>
<li><a href="../djml/djml_list.html">电价目录</a><br /><a href="../fwxx/fwxx.html">服务信息</a></li>
</ul>
</div>
</div><!--上部菜单盒子结束-->
<div class="I-top-ts">
<!--温馨提示开始-->
<div class="I-top-ts-L1">您当前的位置:<a href="#">首页</a>>><a href="#">服务信息</a>><a href="#">服务网点</a>><span>西安市区营业网点</span></div>
<div class="I-top-ts-R1 font-white"><a href="#" onclick="history.go(-1)">返回上一页 >></a></div>
</div>
<!--温馨提示结束-->
<Div style="width:968px; height:auto; margin:0px auto 12px auto; padding:0px; border:1px solid #007676; background:url(../images/list_right_bg1.gif) no-repeat left top;">
<!--标题开始-->
<div class="list_d_title">
<h1 style=" margin:40px auto; font-size:24px;">陕西西安供电局营业网点</h1>
</div>
<!--文章信息开始-->
<div id="tabs0">
<ul class="menu0" id="menu0">
<li class="hover">西安市区营业网点</li>
<li><a href="fwxx_wd1.html">西安各郊县营业网点</a></li>
<li style="width:400px; background:none; font-size:12px; cursor:text; height:21px; padding:0; padding-top:8px; text-align:right; float:right; color:#4a4a4a;"><span style="padding-right:30px;"><strong style="color:#f60;">提示:</strong>鼠标移到该<img src="../images/tishi_dian.gif" width="20" height="20" alt="信息提示标志" style="margin-bottom:-5px; padding:0 5px;" />显示详细信息!</span></li>
</ul>
<div class="main">
<ul>
<li>
<div style="width:964px; height:auto; margin:0px auto 10px auto; padding:0px;"><img src="../images/tu1.jpg" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="circle" coords="424,135,15" href="#" onMouseOver="cc(this,0)"/>
<area shape="circle" coords="257,282,14" href="#" onMouseOver="cc(this,1)"/>
<area shape="circle" coords="148,304,15" href="#" onMouseOver="cc(this,2)"/>
<area shape="circle" coords="714,299,15" href="#" onMouseOver="cc(this,3)"/>
<area shape="circle" coords="733,200,15" href="#" onMouseOver="cc(this,4)"/>
<area shape="circle" coords="578,192,14" href="#" onMouseOver="cc(this,5)"/>
<area shape="circle" coords="632,266,15" href="#" onMouseOver="cc(this,6)"/>
<area shape="circle" coords="352,416,15" href="#" onMouseOver="cc(this,7)"/>
<area shape="circle" coords="460,369,15" href="#" onMouseOver="cc(this,8)"/>
</map>
</div></li></ul>
</div>
</div>
<!--文章信息结束-->
<div style="width:860px; height:auto; margin:20px auto; padding:0px; text-align:left; line-height:30px;">
<span class="font-black" style="font-size:16px; font-weight:bold;" >温馨提示:</span><span class="font-green" style="font-size:14px; padding:0px 10px;">除以上供电局营业网点之外,用户还可以在中国建设银行、中国农业银行、中国工商银行、利安电超市等处缴纳电费。</span>
</div>
</Div>
<div class="I_bottom"> <span><a href="#">陕ICP备07501099号</a></span>|<span><a href="../help.html">使用帮助</a></span>|<span><a href="../lawclare.html">法律声明</a></span><br />
<span>Copyright All rights reserved Copyright</span> <span>2009 © 陕西西安供电局版权所有</span> <br />
<span>陕西西安供电局信通中心制作维护</span> <span>地址:西安市环城东路159号</span><span>邮编:710032</span> </div>
<div id=pop style="position:absolute;z-index:99;display:none; width:200px; height:70px; background:url(../images/ceng-bg2.gif) no-repeat; margin:0px; padding:0px; color:#000;" onmouseleave="this.style.display='none';" >
<div style="width:180px; height:40px; margin:25px 0px 0px 0px; padding:0px;overflow:hidden;font-size:12px;font-weight:bold;text-align:left;">
<a id="dizhi"></a>
</div>
</div>
</body>
</html>
分享到:
相关推荐
jquery浮动固定层导航描点上下滚动的浮动定位层
层弹出定位,层弹出定位,层弹出定位层弹出定位,层弹出定位,层弹出定位层弹出定位,层弹出定位,层弹出定位
非常酷的浮动定位层导航描点上下滚动的浮动导航
jQuery ui定位层带删除按钮拖动布局排序代码
非常好的一个用户体验实例。如果不明白的话就看下面的图片吧 ... 这种定位层就是当页面触发onscroll事件时,取得scrollTop值并写入定位层CSS属性,使之保持位置。 下面是实例代码 代码如下: <!DOCTYPE html PUBLIC
div弹出层 定位问题的 处理
层的定位css前端开发 层的定位css前端开发 层的定位css前端开发
这个例子是,div弹出层并且固定位置,弹出层的弹出方式为滑动方式。
也就是service定位层。这个东西把客户传来的两个参数定位到相应的业务对象中。有什么好处呢。其实就相当于客户端和中间层的一个简单的协议,客户端发一个boname,一个服务名,这都是约定的。也就是不变的。以后该业务...
文中介绍了Klobuchar、双频消电离层组合和IGS网格模型三种普遍使用的GPS电离层改正方法,并利用实测数据分别对三种改正方法在GPS单点定位和精密单点定位模式下的改正效果进行评估。结论显示:单点定位时采用IGS网格...
点击表格的td,会弹出一个定位层,默认定位在td表格的附近,效果很不错
position:static(静态定位) 当position属性定义为static时,可以将元素定义为静态位置,所谓静态位置就是各个元素在HTML文档流中应有的位置 podisition定位问题。所以当没有定义position属性时,并不说明该元素没有...
JavaScript层移动透明定位
在三层架构下,采用传统系统缺少独立专网,无法实时监测馈线终端运行情况,导致故障定位精准度较低的问题,针对该问题,设计了配电网故障智能定位系统。根据智能配电网故障定位系统总框架,结合面向服务体系结构技术...
绝对眼前一亮 页面 浮动层定位 滚动条上下 移动都在同一个位置,jquery实现
GPS单频精密单点定位的电离层延迟改正研究 一篇很好的研究论文值得学习!
当绝对定位层的邻近浮动层的宽度不等于父层宽度时,有清除浮动时,IE6/7不显示绝对定位层,FF显示; 3.当绝对定位层的邻近浮动层的宽度等于父层宽度时,以及没有清除浮动时,IE6不显示绝对定位层,IE7/FF显示; 4.当...
为了提高文本数字水印的鲁棒性,需确定具体在载体的哪些部位进行映射层替换,根据虚词结构变换规则提出了一种定位层分层的思想。通过将中文文本按照虚词规则分组,再利用密钥对规则进行随机组合,将文本根据可嵌入...
审核评估、办学定位和发展规划三者密切关联。审核评估对高校科学制定和践行发展规划、办学定位具有重要意义。文章以"十三五"规划文本为分析对象,对20所北京市属本科高校的办学定位情况进行了实证研究。从审核评估的...