返回顶部

收藏

章丘黑石材园艺石,墓碑石等装饰石材,网站主页源码

更多
<!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=gb2312" />
<title>山东石材网_章丘黑,章丘灰,等各类装饰石材一手经销商</title>
<meta name="keywords" content="山东石材网,章丘黑,章丘灰,芝麻灰,路沿石,装饰石材,青石板,火烧板,石材干挂" />www.dzqsc.com
<meta name="description" content="山东石材网最专业的章丘黑,章丘灰,装饰石材,青石板,石材干挂,火烧板石材生产商。电话:18668919347.欢迎您的致电。" />
<link type="text/css" rel="stylesheet" href="/templets/steel/style.css">
</head>

<body>
      <div class="header">
           <div class="logo">
                <h1><a></a></h1>           
           </div>
           <div class="tm">
                        设为首页 |
                    加入收藏 |
                    联系我们
           </div>
           <div class="clear"></div>
           <div class="topmenu">
                <ul>
                    <li><a href="/">网站首页</a></li>

                                    <li><a href='/qyjj/' ><span>企业简介</span></a></li>

                                    <li><a href='/chanpinzhanshi/'  rel='dropmenu10'><span>产品展示</span></a></li>

                                    <li><a href='/gcal/' ><span>工程案例</span></a></li>

                                    <li><a href='/kszy/' ><span>矿山资源</span></a></li>

                                    <li><a href='/xwzx/' ><span>新闻中心</span></a></li>

                                    <li><a href='/lianxiwomen/' ><span>联系我们</span></a></li>

                </ul> 
           </div>
           <div class="flash">
               <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="100%" height="100%">
               <param name="movie" value="/templets/steel/images/1268617757.swf" tppabs="/templets/steel/images/1268617757.swf" />
               <param name="quality" value="high" />
               <param name="wmode" value="transparent" />
               <embed src="/templets/steel/images/1268617757.swf" tppabs="/templets/steel/images/1268617757.swf" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="990" height="318"></embed>
               </object>
           </div>
      </div>
      <div class="main" id="indexm">
           <div class="rightbar">
                <div class="categories">
                     <div class="catet"><span class="more"><a href="/chanpinzhanshi/">more..</a></span>产品分类</div>
                     <ul>
                                                  <li><a href="www.dzqsc.com/chanpinzhanshi/zqhsc/">章丘黑石材</a></li>
                          <li><a href="/chanpinzhanshi/hsbsc/">火烧板石材</a></li>
                          <li><a href="/chanpinzhanshi/yys/">园艺石</a></li>
                          <li><a href="/chanpinzhanshi/zssc/">装饰石材</a></li>
                          <li><a href="/chanpinzhanshi/qsbsc/">青石板石材</a></li>
                          <li><a href="/chanpinzhanshi/lmsc/"> 路面石材</a></li>
                          <li><a href="/chanpinzhanshi/mbs/">墓碑石</a></li>
                          <li><a href="/chanpinzhanshi/lys/">路沿石</a></li> 
                          <li><a href="/chanpinzhanshi/zmh/">芝麻灰</a></li>
                          <li><a href="/chanpinzhanshi/zghsc/">中国黑石材</a></li>
                          <li><a href="/chanpinzhanshi/jnqsc/">济南青石材</a></li>
                          <li><a href="/chanpinzhanshi/zqhuisc/">章丘灰石材</a></li>
                          <li><a href="/chanpinzhanshi/lzmsc/"> 荔枝面石材</a></li>                   
</ul>
                </div>

                <div class="news">
                     <div class="nt"><span class="more"><a href="/news.htm"></a></span>新闻中心</div>
                     <ul>
                         <li><span>10-28</span><a href="/xwzx/2015/1028/31.html" title="石材干挂的六种方式介绍">石材干挂的六种方式介绍

</a></li>
<li><span>10-28</span><a href="/xwzx/2015/1028/30.html" title="芝麻灰石材应用场所不同要求不同">芝麻灰石材应用场所不同要求不同

</a></li>
<li><span>10-28</span><a href="/xwzx/2015/1028/29.html" title="简单学习一下路沿石的施工要求">简单学习一下路沿石的施工要求

</a></li>
<li><span>10-24</span><a href="/chanpinzhanshi/zmh/28.html" title="章丘火烧板石材石材干挂公司大楼">章丘火烧板石材石材干挂公司大楼

</a></li>
<li><span>10-22</span><a href="/chanpinzhanshi/zmh/27.html" title="芝麻灰外墙干挂工程">芝麻灰外墙干挂工程

</a></li>
<li><span>10-22</span><a href="/chanpinzhanshi/zghsc/26.html" title="中国芝麻黑外墙干挂工程">中国芝麻黑外墙干挂工程

</a></li>
<li><span>10-22</span><a href="/gcal/2015/1022/25.html" title="桥栏杆工程">桥栏杆工程

</a></li>
<li><span>10-22</span><a href="/gcal/2015/1022/24.html" title="章丘芝麻黑园林工程">章丘芝麻黑园林工程

</a></li>

                     </ul>
                </div>
           </div>
           <div class="leftbar">
                <div class="pleft">
                     <div class="lx">
                          <div class="mail"><a></a></div>
                          <div class="gestbook"><a></a></div>
                     </div>
                     <div class="contact">
                          <div class="cont">联系方式</div>
                          <div class="tbox">
                               联系人:景(经理)<br>
                                               手 机:18668919347<br>
                                                       地 址:山东省章丘市
                          </div>
                     </div>
                     <div class="tel">
                          <img src="/templets/steel/images/tel.gif" alt="联系电话:">
                          <img src="/templets/steel/images/微信.jpg" alt="微信:">
                     </div>
                     <div class="job"><a>职位招聘</a></div>
                </div>
                <div class="pright">
                     <div class="product">
                          <div class="prot">产品展示</div>
                          <ul class="pimage">
                              <li><a href='/chanpinzhanshi/zmh/28.html' title="章丘火烧板石材石材干挂公司大楼"><span><img src="/uploads/151022/1-151022224342H3.jpg" alt="章丘火烧板石材石"></span>章丘火烧板石材石</a></li>
<li><a href='/chanpinzhanshi/zmh/27.html' title="芝麻灰外墙干挂工程"><span><img src="/uploads/151022/1-15102222421W95.jpg" alt="芝麻灰外墙干挂工"></span>芝麻灰外墙干挂工</a></li>
<li><a href='/chanpinzhanshi/zghsc/26.html' title="中国芝麻黑外墙干挂工程"><span><img src="/uploads/allimg/151022/1-15102222391QL-lp.jpg" alt="中国芝麻黑外墙干"></span>中国芝麻黑外墙干</a></li>
<li><a href='/chanpinzhanshi/lys/22.html' title="路岩石、块石工程"><span><img src="/uploads/151022/1-151022223301G0.jpg" alt="路岩石、块石工程"></span>路岩石、块石工程</a></li>
<li><a href='/chanpinzhanshi/zqhsc/21.html' title="章丘黑石材园艺石,墓碑石等装饰用石"><span><img src="/uploads/151022/1-151022222344Y3.jpg" alt="章丘黑石材园艺石"></span>章丘黑石材园艺石</a></li>
<li><a href='/chanpinzhanshi/zqhuisc/8.html' title="章丘灰石材芝麻灰"><span><img src="/uploads/151015/1-151015214153K8.jpg" alt="章丘灰石材芝麻灰"></span>章丘灰石材芝麻灰</a></li>
<li><a href='/chanpinzhanshi/zqhuisc/20.html' title="章丘灰石材原料"><span><img src="/uploads/allimg/151022/1-151022221KCV-lp.jpg" alt="章丘灰石材原料"></span>章丘灰石材原料</a></li>
<li><a href='/chanpinzhanshi/qsbsc/13.html' title="青石板园艺石"><span><img src="/uploads/allimg/151015/1-15101522225E53-lp.jpg" alt="青石板园艺石"></span>青石板园艺石</a></li>

                          </ul>
                     </div>
                     <div class="company">
                          <div class="comt">公司简介</div>
                          <div class="about">
<div>
    <p style="margin: 12px 0px; padding: 0px; color: rgb(54, 54, 54); font-family: 微软雅黑, 宋体, arial; line-height: 24px; text-align: justify;">
        <span style="color: rgb(0, 44, 103); font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 21px; text-indent: 24px;">章丘石材网主要致力于章丘石材,章丘黑石材,章丘灰石材,济南青石材,火烧板石材,园艺石,装饰石材,青石板石材,墓碑石,路牙石,外墙装饰等石材的加工和销售。</span></p>
    <div style="margin: 0px; padding: 0px; border: none; color: rgb(0, 44, 103); font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 20px; text-indent: 20px;">
        我们不断秉承以用户需求为中心,在专注本地市场开辟的同时,经过我们的不时努力和追求,打通国内市场在国内各地都有较好的口碑!<br />
        <br />
        公司百度地图位置:</div>

</div>
<style type="text/css">
html,body{margin:0;padding:0;}
    .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&amp;v=1.1&amp;services=true"></script>
<div id="dituContent" style="width:440px;height:250px;border:#ccc solid 1px;">
    &amp;#160;</div>
<script type="text/javascript">
    //创建和初始化地图函数:
    function initMap(){
        createMap();//创建地图
        setMapEvent();//设置地图事件
        addMapControl();//向地图添加控件
        addMarker();//向地图中添加marker
        addRemark();//向地图中添加文字标注
    }

    //创建地图函数:
    function createMap(){
        var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
        var point = new BMap.Point(117.543682,36.716505);//定义一个中心点坐标
        map.centerAndZoom(point,18);//设定地图的中心点和坐标并将地图显示在地图容器中
        window.map = map;//将map变量存储在全局
    }

    //地图事件设置函数:
    function setMapEvent(){
        map.enableDragging();//启用地图拖拽事件,默认启用(可不写)
        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
        map.enableDoubleClickZoom();//启用鼠标双击放大,默认启用(可不写)
        map.enableKeyboard();//启用键盘上下左右键移动地图
    }

    //地图控件添加函数:
    function addMapControl(){
        //向地图中添加缩放控件
    var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
    map.addControl(ctrl_nav);
        //向地图中添加缩略图控件
    var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:0});
    map.addControl(ctrl_ove);
        //向地图中添加比例尺控件
    var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
    map.addControl(ctrl_sca);
    }

    //标注点数组
    var markerArr = [{title:"我的标记",content:"我的备注",point:"117.649758|36.708954",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}}
         ,{title:"大章丘石材",content:"大章丘石材",point:"117.542681|36.716635",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}}
         ];
    //创建marker
    function addMarker(){
        for(var i=0;i<markerArr.length;i++){
            var json = markerArr[i];
            var p0 = json.point.split("|")[0];
            var p1 = json.point.split("|")[1];
            var point = new BMap.Point(p0,p1);
            var iconImg = createIcon(json.icon);
            var marker = new BMap.Marker(point,{icon:iconImg});
            var iw = createInfoWindow(i);
            var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
            marker.setLabel(label);
            map.addOverlay(marker);
            label.setStyle({
                        borderColor:"#808080",
                        color:"#333",
                        cursor:"pointer"
            });

            (function(){
                var index = i;
                var _iw = createInfoWindow(i);
                var _marker = marker;
                _marker.addEventListener("click",function(){
                    this.openInfoWindow(_iw);
                });
                _iw.addEventListener("open",function(){
                    _marker.getLabel().hide();
                })
                _iw.addEventListener("close",function(){
                    _marker.getLabel().show();
                })
                label.addEventListener("click",function(){
                    _marker.openInfoWindow(_iw);
                })
                if(!!json.isOpen){
                    label.hide();
                    _marker.openInfoWindow(_iw);
                }
            })()
        }
    }
    //创建InfoWindow
    function createInfoWindow(i){
        var json = markerArr[i];
        var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
        return iw;
    }
    //创建一个Icon
    function createIcon(json){
        var icon = new BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
        return icon;
    }
//文字标注数组
    var lbPoints = [{point:"117.646255|36.708621",content:"我的标记"}
         ];
    //向地图中添加文字标注函数
    function addRemark(){
        for(var i=0;i<lbPoints.length;i++){
            var json = lbPoints[i];
            var p1 = json.point.split("|")[0];
            var p2 = json.point.split("|")[1];
            var label = new BMap.Label("<div style='padding:2px;'>"+json.content+"</div>",{point:new BMap.Point(p1,p2),offset:new BMap.Size(3,-6)});
            map.addOverlay(label);
            label.setStyle({borderColor:"#999"});
        }
    }

    initMap();//创建和初始化地图
</script>

                          </div>
                     </div>
                </div>
           </div>
      </div>
      <div class="footer">
           <div class="footmenu">
                <a>关于我们</a> |
                <a>联系我们</a> |
                <a>信息反馈</a> |
                <a>投诉建议</a> |
                <a>诚聘英才</a> |
                <a>友情链接</a>
           </div>
           <div class="copyright">
                版权所有 Copyright(C)2012-2013 章丘石材网
           </div>
           <ul class="fl">
            <li><strong>友情链接:</strong></li>
           </ul>
      </div>

</body>
</html>

标签:html

收藏

0人收藏

支持

0

反对

0

发表评论