定位层

liu_bia

浏览: 109160 次
性别:
来自: 西安

最近访客更多访客>>

yjp322

zhima

zxc旭

Lovefire_

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (133)

社区版块

存档分类

HTML JavaScript CSS 农业 XHTML

<!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>

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">

<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>

<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>

</body>
</html>

分享到：