机构展示主页

艺术联考，就是指国内比较权威，及教育部备案的各大艺术类院校，或者各大院校的艺术系对于高中三年级艺术类考生在高三第一学期末举行的一次综合的专业考试。艺术联考，就是指国内比较权威，及教育部备案的各大艺术类院校，或者各大院校的艺术系对于高中三年级艺术类考生在高三第一学期末举行的一次综合的专业考试。

教学环境学生课堂学院风采精彩瞬间

舞蹈

只有行动，才不会被动。新冠肺炎疫情让人们安静地宅在家，用沉默与守望支援这场14亿人的战“疫”。惊蛰过，春将半，正是跳舞好时节。3月14日起，中国体育舞蹈联合会持续推出“战疫情，舞在你身边——中国体育舞蹈公益课程”，由齐志峰、沈毅、邵克强、胡耀、沈宏、侯垚、庄婷、赵鹏、汪琪、程丹、李祯妮、阎棒棒、杜玉君组成的教师团队，将陆续在抖音平台进行教学直播

查看详情 1209

播音主持

播音主持课程是一门专业课，也是一门素质课。它可以开发心智、挑战自我、培养孩子独立自主的能力，以及集体合作精神。**播音主持课程中的形体训练，从站、坐、行、舞蹈等方面入手，规范青少儿的言谈举止，培养了学生的想象力和表现力。学习播音主持课就是一门能够改变性格内向问题的课程，学习播音主持上台的机会也很多，学生可以经常上台去朗读、演讲、模拟主持等等，而这些训练都是改善性格上的懦弱、自卑的有效途径。

查看详情 1209

美术

欧洲17世纪开始使用“美术”这一名词时，泛指具有美学意义的活动。也有认为“美术”一词正式出现应在18世纪中叶。18世纪产业革命后，美术范围益见扩大，有绘画、雕塑、工艺美术、建筑艺术等，在东方还涉及书法和篆刻艺术等。中国五四运动前后开始普遍应用这一名词。近数十年来欧美各国已不大使用“美术”一词，往往以“艺术”一词统摄之。欧洲17世纪开始使用“美术”这一名词时，泛指具有美学意义的活动。也有认为“美术”一词正式出现应在18世纪中叶。18世纪产业革命后，美术范围益见扩大，有绘画、雕塑、工艺美术、建筑艺术等，在

查看详情 1209

书法

书法，是中国及深受中国文化影响过的周边国家和地区特有的一种文字美的艺术表现形式。包括汉字书法、蒙古文书法、阿拉伯书法和英文书法等。其“中国书法”，是中国汉字特有的一种传统艺术。

查看详情 1209

年度成绩表
培训人数	统考					重点院校合格证书		普通院校合格证书
培训人数	考生人数	统考合格率	统考最高分	统考最低分	统考平均分	人数	校考合格率	人数	校考合格率
50	50	50	50	50	50	50	50	50	50%

学员成绩表
姓名	统考成绩	单招合格证取得院校
姓名	统考成绩	院校名称	成绩	名次
站三		北京电影学院	30
董星辰		中国传媒大学	598
张弛		北京电影学院	612
大鹏		中央戏剧学院	568
十月		云南艺术学院	546
时雨晨		中央美术学院	545
泽宇		上海戏剧学院	499
卫卫	500	四川音乐学院	523	5
卫卫	500	四川音乐学院2	512	12

北京电影学院

站三

中国传媒大学

董星辰

北京电影学院

张弛

中央戏剧学院

大鹏

云南艺术学院

十月

中央美术学院

时雨晨

上海戏剧学院

泽宇

1一枝独秀

地址：河南省郑州市管城回族区商城路233号

电话：123456

2形影不离

地址：河南省郑州市金水区东风路5号

电话：123456

直接使用代码

图片素材

无

css代码

 <style>

/* 机构高级版页面 */
.com-left-arctype{border-left:5px solid #237b7c;padding-left:15px; color:#237b7c;margin:50px 0; }
.org-index-title{margin:25px auto!important}
.org-tab-nav {text-align: center}
.org-tab-nav .tab-item{display:inline-block;padding:6px 15px;margin:50px 15px;border:1px solid #237b7c}
.org-tab-nav .current-item{background:#237b7c;color:#fff;}
.org-tab-body img{width:270px;height:400px;border-radius:10px;}


.org-index-zhuanye .item-zhuanye{padding:20px;border-radius:10px;box-shadow:0 0 20px #ccc;margin:25px; padding-bottom:10px}
.org-index-zhuanye .item-zhuanye img{width:220px;height:400px;border-radius:10px;}
.org-index-zhuanye .item-zhuanye h3{color:#237b7c;text-align:center;font-size:30px;margin-top:0;padding-top:0}
.org-index-zhuanye .item-zhuanye .z-description{margin:12px 0;height:310px;overflow: hidden;}
.org-index-zhuanye .item-zhuanye a{display:inline-block;padding:4px 15px;border:1px solid #999;margin-right:15px;}
.org-index-zhuanye .item-zhuanye a:hover{background:#237b7c;color:#fff;}

.my-slide{height:350px;margin:0 50px;overflow:visible}

.org-index-student{margin:0 -5px;}
.org-index-student .item-student{width:180.6px;height:186.6px;border-radius:10px;float:left;margin:5px;position: relative;overflow:hidden}
.org-index-student .item-student img{width:100%;height:186.6px;}
.org-index-student .item-student .zhezhao{width: 186.6px;height:186.6px;background: linear-gradient(#096, #dd7c6a); filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;position: absolute;top:-190px;left:0;color:#fff;border-radius:10px;}
.org-index-student .item-student .zhezhao{text-align: center;}
.org-index-student .item-student .zhezhao h2{color:#fff;margin-top:50px;font-size:20px;}

.org-index-map{border:1px solid #666;height:450px;overflow: hidden;}
#map{width:60%;height:400px;float:left;}
.org-index-map .map-list{width:36%;float:left;border-left:1px solid #666;height:450px;}
.org-index-map .map-list .item-map{padding:10px;border-bottom:1px solid #666;padding-bottom:0}
.item-map h4{color:#237b7c;font-size:20px;margin-top:0;padding-top:0}
.item-map h4 span{display:inline-block;width:30px;height:30px;border-radius: 50%;color:#237b7c;border:1px solid #237b7c;text-align:center;line-height: 30px;font-weight:bold;margin-right:10px;}
.item-map .tel{border-top:1px solid #eee;padding-top:10px;color:#237b7c;}
.item-map .tel img{vertical-align:middle}

table tr th, table tr td {
    border-right: 1px solid #d4d8da;
    border-bottom: 1px solid #d4d8da;
    border-left: 1px solid #d4d8da;
    text-align:center;
    }
</style>

HTML+JS代码

 
<div class="container">
  <img src="http://www.bootfastui.cn/img/2021/0423-3/title1.jpg" class="center-block  org-index-title" />
  <p class="pad-y20">
    <span style="font-family:arial;color:#CC0000;font-size:18px;background-color:#FFFFFF;">艺术联考</span><span
      style="font-family:arial;color:#333333;font-size:18px;background-color:#FFFFFF;">，就是指国内比较权威，及教育部备案的各大艺术类院校，或者各大院校的艺术系对于高中三年级艺术类考生在高三第一学期末举行的一次综合的专业考试。</span><span
      style="font-family:arial;color:#CC0000;font-size:18px;background-color:#FFFFFF;">艺术联考</span><span
      style="font-family:arial;color:#333333;font-size:18px;background-color:#FFFFFF;">，就是指国内比较权威，及教育部备案的各大艺术类院校，或者各大院校的艺术系对于高中三年级艺术类考生在高三第一学期末举行的一次综合的专业考试。</span><br />
  </p>


  <video poster='http://www.bootfastui.cn/img/2021/0423-3/video_bg.jpg' width='1200' height='400' onclick="playPause()" preload>
    <source src="/Uploads/vedio2020-04-14/5e951b2443c3a.mp4" media=" only screen and (min-device-width:468px)">
    </source>
    您的浏览器不支持 HTML5 video 标签。
  </video>

  <script src="/Public/js/jquery.flip.min.js"></script>
  <script type="text/javascript">
    function playPause() {
      var myVideo = document.getElementsByTagName('video')[0];
      $video = $(myVideo)
      if (myVideo.paused) {
        myVideo.play();
        $video.attr('controls', 'controls')
      } else {
        myVideo.pause();
      }
    }
  </script>

  <!-- 学校环境tab -->
  <div class="org-tab-nav">
    <span class='tab-item current-item'>教学环境</span>
    <span class='tab-item'>学生课堂</span>
    <span class='tab-item'>学院风采</span>
    <span class='tab-item'>精彩瞬间</span>
  </div>
  <div class="org-tab-list">
    <div class="org-tab-body">
      <div class="row">
        <div class="col-md-3">
          <img src="http://www.bootfastui.cn/img/2021/0423-3/5e72e89a838d6.jpg" />
        </div>
        <div class="col-md-3">
          <img src="http://www.bootfastui.cn/img/2021/0423-3/5e72e48834db5.jpg" />
        </div>
        <div class="col-md-3">
          <img src="http://www.bootfastui.cn/img/2021/0423-3/5e72e89a838d6.jpg" />
        </div>
        <div class="col-md-3">
          <img src="http://www.bootfastui.cn/img/2021/0423-3/5e72e89a838d6.jpg" />
        </div>
      </div>
    </div>
    <div class="org-tab-body">
      <div class="row">
        <div class="col-md-3">
          <img src="http://www.bootfastui.cn/img/2021/0423-3/5e72e89a838d6.jpg" />
        </div>
        <div class="col-md-3">
          <img src="http://www.bootfastui.cn/img/2021/0423-3/5e72e89a838d6.jpg" />
        </div>
        <div class="col-md-3">
          <img src="http://www.bootfastui.cn/img/2021/0423-3/5e72e89a838d6.jpg" />
        </div>
        <div class="col-md-3">
          <img src="http://www.bootfastui.cn/img/2021/0423-3/5e72e89a838d6.jpg" />
        </div>
      </div>
    </div>
    <div class="org-tab-body">
      <div class="row">
        <div class="col-md-3">
          <img src="http://www.bootfastui.cn/img/2021/0423-3/5e72e89a838d6.jpg" />
        </div>
        <div class="col-md-3">
          <img src="http://www.bootfastui.cn/img/2021/0423-3/5e72e89a838d6.jpg" />
        </div>
        <div class="col-md-3">
          <img src="http://www.bootfastui.cn/img/2021/0423-3/5e72e89a838d6.jpg" />
        </div>
        <div class="col-md-3">
          <img src="http://www.bootfastui.cn/img/2021/0423-3/5e72e89a838d6.jpg" />
        </div>
      </div>
    </div>
    <div class="org-tab-body">
      <div class="row">
        <div class="col-md-3">
          <img src="http://www.bootfastui.cn/img/2021/0423-3/5e72e89a838d6.jpg" />
        </div>
        <div class="col-md-3">
          <img src="http://www.bootfastui.cn/img/2021/0423-3/5e72e89a838d6.jpg" />
        </div>
        <div class="col-md-3">
          <img src="http://www.bootfastui.cn/img/2021/0423-3/5e72e89a838d6.jpg" />
        </div>
        <div class="col-md-3">
          <img src="http://www.bootfastui.cn/img/2021/0423-3/5e72e89a838d6.jpg" />
        </div>
      </div>
    </div>
  </div>
  <script type="text/javascript">
    $(document).ready(function (e) {
      $(".org-tab-body").hide().eq(0).show();
      $(".tab-item").hover(function () {
        $(".tab-item").eq($(this).index()).addClass("current-item").siblings().removeClass("current-item");
        $(".org-tab-body").hide().eq($(this).index()).show();
      })
    });
  </script>

  <!-- 开设专业 -->
  <img src="http://www.bootfastui.cn/img/2021/0423-3/title2.jpg" class="center-block org-index-title" />
  <div class="org-index-zhuanye">
    <!-- item start -->
    <div class="col-md-6">
      <div class="item-zhuanye">
        <div class="row">
          <div class="col-md-6">
            <img src="http://www.bootfastui.cn/img/2021/0423-3/5e72e89a838d6.jpg" />
          </div>
          <div class="col-md-6">
            <h3 class="z-title">舞蹈</h3>
            <p class="z-description">
              只有行动，才不会被动。新冠肺炎疫情让人们安静地宅在家，用沉默与守望支援这场14亿人的战“疫”。惊蛰过，春将半，正是跳舞好时节。3月14日起，中国体育舞蹈联合会持续推出“战疫情，舞在你身边——中国体育舞蹈公益课程”，由齐志峰、沈毅、邵克强、胡耀、沈宏、侯垚、庄婷、赵鹏、汪琪、程丹、李祯妮、阎棒棒、杜玉君组成的教师团队，将陆续在抖音平台进行教学直播
            </p>
            <div class="info">
              <a href="">查看详情</a>
              <span class="glyphicon glyphicon-eye-open"> 1209</span>
            </div>
          </div>
        </div>
      </div>
    </div>


    <!-- item end -->
    <!-- item start -->
    <div class="col-md-6 ">
      <div class="item-zhuanye">
        <div class="row">
          <div class="col-md-6">
            <img src="http://www.bootfastui.cn/img/2021/0423-3/5e72e89a838d6.jpg" />
          </div>
          <div class="col-md-6">
            <h3 class="z-title">播音主持</h3>
            <p class="z-description">
              播音主持课程是一门专业课，也是一门素质课。它可以开发心智、挑战自我、培养孩子独立自主的能力，以及集体合作精神。**播音主持课程中的形体训练，从站、坐、行、舞蹈等方面入手，规范青少儿的言谈举止，培养了学生的想象力和表现力。学习播音主持课就是一门能够改变性格内向问题的课程，学习播音主持上台的机会也很多，学生可以经常上台去朗读、演讲、模拟主持等等，而这些训练都是改善性格上的懦弱、自卑的有效途径。
            </p>
            <div class="info">
              <a href="">查看详情</a>
              <span class="glyphicon glyphicon-eye-open"> 1209</span>
            </div>
          </div>
        </div>
      </div>
    </div>


    <!-- item end -->
    <!-- item start -->
    <div class="col-md-6 ">
      <div class="item-zhuanye">
        <div class="row">
          <div class="col-md-6">
            <img src="http://www.bootfastui.cn/img/2021/0423-3/5e72e89a838d6.jpg" />
          </div>
          <div class="col-md-6">
            <h3 class="z-title">美术</h3>
            <p class="z-description">
              欧洲17世纪开始使用“美术”这一名词时，泛指具有美学意义的活动。也有
              认为“美术”一词正式出现应在18世纪中叶。18世纪产业革命后，美术范围益见扩大，有绘画、雕塑、工艺美术、建筑艺术等，在东方还涉及书法和篆刻艺术等。中国五四运动前后开始普遍应用这一名词。近数十年来欧美各国已不大使用“美术”一词，往往以“艺术”一词统摄之。欧洲17世纪开始使用“美术”这一名词时，泛指具有美学意义的活动。也有
              认为“美术”一词正式出现应在18世纪中叶。18世纪产业革命后，美术范围益见扩大，有绘画、雕塑、工艺美术、建筑艺术等，在 </p>
            <div class="info">
              <a href="">查看详情</a>
              <span class="glyphicon glyphicon-eye-open"> 1209</span>
            </div>
          </div>
        </div>
      </div>
    </div>


    <!-- item end -->
    <!-- item start -->
    <div class="col-md-6 ">
      <div class="item-zhuanye">
        <div class="row">
          <div class="col-md-6">
            <img src="http://www.bootfastui.cn/img/2021/0423-3/5e72e89a838d6.jpg" />
          </div>
          <div class="col-md-6">
            <h3 class="z-title">书法</h3>
            <p class="z-description">
              书法，是中国及深受中国文化影响过的周边国家和地区特有的一种文字美的艺术表现形式。包括汉字书法、蒙古文书法、阿拉伯书法和英文书法等。其“中国书法”，是中国汉字特有的一种传统艺术。 </p>
            <div class="info">
              <a href="">查看详情</a>
              <span class="glyphicon glyphicon-eye-open"> 1209</span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="clear"></div>

    <!-- item end -->

  </div>
  <div class="clear"></div>


  <!-- 最新成绩 -->
  <img src="http://www.bootfastui.cn/img/2021/0423-3/title4.jpg" class="center-block  org-index-title" />

  <div class="table-responsive">
    <table class="table">
      <tr>
        <th colspan="10" style="background:#237b7c;color:#fff">年度成绩表</th>

      </tr>
      <tr>
        <th style="border-left:1px solid #ccc;line-height: 60px;" rowspan="2">培训人数</th>
        <th colspan="5">统考</th>
        <th colspan="2">重点院校合格证书</th>
        <th colspan="2">普通院校合格证书</th>
      </tr>
      <tr>
        <th>考生人数</th>
        <th>统考合格率</th>
        <th>统考最高分</th>
        <th>统考最低分</th>
        <th>统考平均分</th>
        <th>人数</th>
        <th>校考合格率</th>
        <th>人数</th>
        <th>校考合格率</th>
      </tr>

      <tr>

        <td>50</th>
        <td>50</th>
        <td>50</th>
        <td>50</th>
        <td>50</th>
        <td>50</th>
        <td>50</th>
        <td>50</th>
        <td>50</th>
        <td>50%</th>
      </tr>
    </table>
  </div>
  <div class="clear"><br /><br /></div>
  <div class="table-responsive">
    <table class="table">
      <tr>
        <th colspan="5" style="background:#5b9dd7;color:#fff">学员成绩表</th>

      </tr>
      <tr>
        <th style="border-left:1px solid #ccc;line-height: 60px;" rowspan="2">姓名</th>
        <th rowspan="2" style="line-height: 60px;">统考成绩</th>
        <th colspan="3">单招合格证取得院校</th>

      </tr>
      <tr>

        <th>院校名称</th>
        <th>成绩</th>
        <th>名次</th>
      </tr>

      <tr>

        <td>站三</th>
        <td>
          </th>
        <td> 北京电影学院</th>
        <td>30</th>
        <td>
          </th>
      </tr>

      <tr>

        <td>董星辰</th>
        <td>
          </th>
        <td>中国传媒大学</th>
        <td>598</th>
        <td>
          </th>
      </tr>

      <tr>

        <td>张弛</th>
        <td>
          </th>
        <td>北京电影学院</th>
        <td>612</th>
        <td>
          </th>
      </tr>

      <tr>

        <td>大鹏</th>
        <td>
          </th>
        <td>中央戏剧学院</th>
        <td>568</th>
        <td>
          </th>
      </tr>

      <tr>

        <td>十月</th>
        <td>
          </th>
        <td>云南艺术学院</th>
        <td>546</th>
        <td>
          </th>
      </tr>

      <tr>

        <td>时雨晨</th>
        <td>
          </th>
        <td>中央美术学院</th>
        <td>545</th>
        <td>
          </th>
      </tr>

      <tr>

        <td>泽宇</th>
        <td>
          </th>
        <td>上海戏剧学院</th>
        <td>499</th>
        <td>
          </th>
      </tr>
      <tr>

        <td rowspan="2" style="line-height: 60px;">卫卫</th>
        <td rowspan="2" style="line-height: 60px;">500</th>
        <td>四川音乐学院</th>
        <td>523</th>
        <td>5</th>
      </tr>
      <tr>
        <td>四川音乐学院2</th>
        <td>512</th>
        <td>12</th>

      </tr>
    </table>
  </div>

  <!-- 优异成绩 -->
  <img src="http://www.bootfastui.cn/img/2021/0423-3/title5.jpg" class="center-block  org-index-title" />
  <div class="org-index-student">


    <div class="item-student">
      <img src="http://www.bootfastui.cn/img/2021/0423-3/5d7c9acf8234f.jpg" />
      <div class="zhezhao">
        <h2> 北京电影学院</h2>
        <h4>站三</h4>
      </div>
    </div>
    <div class="item-student">
      <img src="http://www.bootfastui.cn/img/2021/0423-3/5e72ef028b227.jpg" />
      <div class="zhezhao">
        <h2>中国传媒大学</h2>
        <h4>董星辰</h4>
      </div>
    </div>
    <div class="item-student">
      <img src="http://www.bootfastui.cn/img/2021/0423-3/5e72ef99ac552.jpg" />
      <div class="zhezhao">
        <h2>北京电影学院</h2>
        <h4>张弛</h4>
      </div>
    </div>
    <div class="item-student">
      <img src="http://www.bootfastui.cn/img/2021/0423-3/5e7307a15afee.jpg" />
      <div class="zhezhao">
        <h2>中央戏剧学院</h2>
        <h4>大鹏</h4>
      </div>
    </div>
    <div class="item-student">
      <img src="http://www.bootfastui.cn/img/2021/0423-3/5e7307d1affb3.jpg" />
      <div class="zhezhao">
        <h2>云南艺术学院</h2>
        <h4>十月</h4>
      </div>
    </div>
    <div class="item-student">
      <img src="http://www.bootfastui.cn/img/2021/0423-3/5e73082581e63.jpg" />
      <div class="zhezhao">
        <h2>中央美术学院</h2>
        <h4>时雨晨</h4>
      </div>
    </div>
    <div class="item-student">
      <img src="http://www.bootfastui.cn/img/2021/0423-3/5e73087b61105.jpg" />
      <div class="zhezhao">
        <h2>上海戏剧学院</h2>
        <h4>泽宇</h4>
      </div>
    </div>
    <script>
      $(function () {
        $('.item-student').hover(function () {
          $(this).find('.zhezhao').animate({ top: '0' }, "normal");
        }, function () {
          $(this).find('.zhezhao').animate({ top: '-340px' });
        })
      })
    </script>
    <div class="clear"></div>
    <!-- 学校地址 -->
    <img src="http://www.bootfastui.cn/img/2021/0423-3/title6.jpg" class="center-block  org-index-title" />
    <!-- 百度地图承载 -->
    <div class="org-index-map">
      <div id="map" style="margin:2%;"> </div>
      <div class="map-list">
        <div class="item-map">
          <h4><span>1</span>一枝独秀</h4>
          <p>地址：河南省郑州市管城回族区商城路233号</p>
          <p class="tel"><img src="http://www.bootfastui.cn/img/2021/0423-3/tel.jpg" />电话：123456</p>
        </div>
        <div class="item-map">
          <h4><span>2</span>形影不离</h4>
          <p>地址：河南省郑州市金水区东风路5号</p>
          <p class="tel"><img src="http://www.bootfastui.cn/img/2021/0423-3/tel.jpg" />电话：123456</p>
        </div>
      </div>
      <div class="clear"></div>
    </div>

  </div>


  <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.5&ak=A8773a52f6d9bc0ecaea7f15acdd13e0"></script>


  <script type="text/javascript">

    var markerArr = [
      {
        title: "一枝独秀",
        point: "113.679197,34.761137",
        address: "河南省郑州市管城回族区商城路233号",
        tel: "123456"

      }, {
        title: "形影不离",
        point: "113.661231,34.803",
        address: "河南省郑州市金水区东风路5号",
        tel: "123456"

      },

    ];

    function map_init() {
      var log = "";
      var lat = "";
      var map = new BMap.Map("map"); // 创建Map实例
      var point = new BMap.Point(113.632704, 34.771493); //地图中心点，郑州市
      map.centerAndZoom(point, 12); // 初始化地图,设置中心点坐标和地图级别。
      map.enableScrollWheelZoom(true); //启用滚轮放大缩小



      //向地图中添加缩放控件
      var ctrlNav = new window.BMap.NavigationControl({
        anchor: BMAP_ANCHOR_TOP_LEFT,
        type: BMAP_NAVIGATION_CONTROL_LARGE
      });
      map.addControl(ctrlNav);

      //向地图中添加缩略图控件
      var ctrlOve = new window.BMap.OverviewMapControl({
        anchor: BMAP_ANCHOR_BOTTOM_RIGHT,
        isOpen: 1
      });
      map.addControl(ctrlOve);

      //向地图中添加比例尺控件
      var ctrlSca = new window.BMap.ScaleControl({
        anchor: BMAP_ANCHOR_BOTTOM_LEFT
      });
      map.addControl(ctrlSca);

      var point = new Array(); //存放标注点经纬信息的数组
      var marker = new Array(); //存放标注点对象的数组
      var info = new Array(); //存放提示信息窗口对象的数组
      for (var i = 0; i < markerArr.length; i++) {
        //自定义地图标记
        //http://xiaoxi521.cn/Public/images/home/map.png
        // var myIcon = new BMap.Icon("/Public/images/home/map.png", new BMap.Size(23, 25), {
        //     offset: new BMap.Size(10, 25), // 指定定位位置  
        //     //imageOffset: new BMap.Size(0, 0 - 10 * 25) // 设置图片偏移  
        // });

        var p0 = markerArr[i].point.split(",")[0]; //
        var p1 = markerArr[i].point.split(",")[1]; //按照原数组的point格式将地图点坐标的经纬度分别提出来
        point[i] = new window.BMap.Point(p0, p1); //循环生成新的地图点
        marker[i] = new window.BMap.Marker(point[i]); //按照地图点坐标生成标记

        map.addOverlay(marker[i]);
        // marker[i].setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
        //
        // var label = new window.BMap.Label( markerArr[i].title, { offset: new window.BMap.Size(20, -10) } );
        // marker[i].setLabel(label);
        info[i] = new window.BMap.InfoWindow("<p style=’font-size:12px;lineheight:1.8em;’>" + markerArr[i].title + "</br>地址：" + markerArr[i].address + "</br> 电话：" + markerArr[i].tel + "</br></p>"); // 创建信息窗口对象



      }
      for (var a = 0; a < markerArr.length; a++) {
        (function (x) {
          marker[a].addEventListener("click", function () {
            this.openInfoWindow(info[x]);

          })
        })(a);


      }


    }

    //创建一个Icon
    function createIcon(json) {
      var icon = new BMap.Icon("/Public/images/home/map.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;
    }

    //异步调用百度js
    function map_load() {
      var load = document.createElement("script");
      load.src = "http://api.map.baidu.com/api?v=1.4&callback=map_init";
      document.body.appendChild(load);
    }

    window.onload = function () {
      map_load();
    }

  </script>


  <br /><br />
  <!--底部-->