<!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><link href="../css/css.css" rel="stylesheet" type="text/css" /><link href="../css/swfobject.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="amcolumn/swfobject.js"></script></head><body><div class="map_container" id="idTransformView2">
<table  border="0" cellspacing="0" cellpadding="0" class="map_slider2" id="idSlider2">
<tr valign="top">
<td>
<div id="flashcontent4">
<strong>You need to upgrade your Flash Player</strong>
<script type="text/javascript">
// <![CDATA[
var so = new SWFObject("amline/amline.swf", "amline3", "446", "272", "8", "#FFFFFF");
so.addVariable("path", "amline/");
so.addVariable("settings_file", encodeURIComponent("data/lineset_4.xml"));                // you can set two or more different
so.addVariable("data_file", encodeURIComponent("data/linedata4.xml"));
so.write("flashcontent4");
// ]]>
</script>
</div>
<div class="tentext"><a href="../../../aspx/Left_HBSN.aspx?ID=7&ReportID=4" target=_blank><p>海洋资源十年变化情况</p></a>　　<a href="../../../aspx/Left_HBSN.aspx?ID=7&ReportID=4" target=_blank>2010至2019年间，全国海洋天然气产量整体呈递增趋势，只在2013年、2016年略有下降，其中2019年产量达到162亿立方米，比上年上升5.4%。
2010年至2019年间，全国海洋原油产量整体呈递增趋势，只在2011年、2012年略有下降。2015年全国海洋原油产量达到历史最高，为5416万吨，比上年增长17.4%，比2005年增长70%。</a></div>
</td>
<td>
<div id="flashcontent5">
<strong>You need to upgrade your Flash Player</strong>
<script type="text/javascript">
// <![CDATA[
var so = new SWFObject("ampie/ampie.swf", "ampie4", "446", "272", "8", "#FFFFFF");
so.addVariable("path", "ampie/");
so.addVariable("settings_file", encodeURIComponent("data/pieset_5.xml"));                // you can set two or more different
so.addVariable("data_file", encodeURIComponent("data/piedata5_1.xml"));
so.addVariable("preloader_color", "#ffffff");
so.write("flashcontent5");
// ]]>
</script>
</div>
<div class="tentext"><a href="../../../aspx/Left_HBSN.aspx?ID=7&ReportID=5" target=_blank><p>近岸海域水质状况十年变化情况</p></a>　　<a href="../../../aspx/Left_HBSN.aspx?ID=7&ReportID=5" target=_blank>2020年中国管辖海水水质状况总体较好。按监测点位计算，一、二类海水点位占77.4%，比2011年提高了14.6个百分点；劣四类海水点位比例下降，比2006年下降了7.5个百分点。</a></div>
</td>
<td>
<div id="flashcontent16">
<strong>You need to upgrade your Flash Player</strong>
<script type="text/javascript">
// <![CDATA[
var so = new SWFObject("amcolumn/amcolumn.swf", "amline2", "446", "272", "8", "#FFFFFF");
so.addVariable("path", "amcolumn/");
so.addVariable("settings_file", encodeURIComponent("data/columnset_16.xml"));                // you can set two or more different
so.addVariable("data_file", encodeURIComponent("data/columndata16.xml"));
so.write("flashcontent16");
// ]]>
</script>
</div>
<div class="tentext"><a href="../../../aspx/Left_HBSN.aspx?ID=7&ReportID=16" target=_blank><p>地区万元GDP能耗降低率（%）</p></a>　　<a href="../../../aspx/Left_HBSN.aspx?ID=7&ReportID=16" target=_blank>2020年各地区节能成效显著，31个省（区、市）万元GDP能耗均降低，其中北京市降低率达9.18%排名第一，2020年全国万元国内生产总值能耗比上年下降0.1%，能源消费总量增长2.2%。</a></div>
</td>
<td>
<div id="flashcontent17">
<strong>You need to upgrade your Flash Player</strong>
<script type="text/javascript">
// <![CDATA[
var so = new SWFObject("amcolumn/amcolumn.swf", "amline2", "446", "272", "8", "#FFFFFF");
so.addVariable("path", "amcolumn/");
so.addVariable("settings_file", encodeURIComponent("data/columnset_17.xml"));                // you can set two or more different
so.addVariable("data_file", encodeURIComponent("data/columndata17.xml"));
so.write("flashcontent17");
// ]]>
</script>
</div>
<div class="tentext"><a href="../../../aspx/Left_HBSN.aspx?ID=7&ReportID=17" target=_blank><p>省会城市空气质量十年变化情况</p></a>　　<a href="../../../aspx/Left_HBSN.aspx?ID=7&ReportID=17" target=_blank>对31个省会城市空气质量状况进行检测发现， 2019年与2016年相比空气质量好于二级以上的天数显著减少，大部分城市空气质量好于二级以上的天数相对于2016年有所增加。可吸入颗粒物仍然是影响空气质量的主要污染物。</a></div>
</td>
 
</tr>
</table>
<table  border="0" cellspacing="0" cellpadding="0" class="map_num" id="idNum2">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table>
</div>
<script type="text/javascript">
var $ = function (id) {
    return "string" == typeof id ? document.getElementById(id) : id;
};
var Class = {
  create: function() {
   return function() {
      this.initialize.apply(this, arguments);
   }
 }
}
Object.extend = function(destination, source) {
    for (var property in source) {
        destination[property] = source[property];
    }
    return destination;
}
var TransformView = Class.create();
TransformView.prototype = {
 //容器对象,滑动对象,切换参数,切换数量
 initialize: function(container, slider, parameter, count, options) {
   if(parameter <= 0 || count <= 0) return;
   var oContainer = $(container), oSlider = $(slider), oThis = this;
  this.Index = 0;//当前索引
   this._timer = null;//定时器
  this._slider = oSlider;//滑动对象
  //this._parameter = parameter ;//切换参数，宽度
  //ie6、ie7 加54px
  if(navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion .split(";")[1].replace(/[ ]/g,"")=="MSIE6.0")
  {
 this._parameter = parameter + 54;
  }
  else if(navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion .split(";")[1].replace(/[ ]/g,"")=="MSIE7.0")
  {
  this._parameter = parameter + 54;
  }
  else
  {
  this._parameter = parameter;
 }
 this._count = count || 0;//切换数量
 this._target = 0;//目标参数
 this.SetOptions(options);
 this.Up = !!this.options.Up;
 this.Step = Math.abs(this.options.Step);
 this.Time = Math.abs(this.options.Time);
 this.Auto = !!this.options.Auto;
 this.Pause = Math.abs(this.options.Pause);
 this.onStart = this.options.onStart;
 this.onFinish = this.options.onFinish;
 oContainer.style.overflow = "hidden";
 oContainer.style.position = "relative";
 oSlider.style.position = "absolute";
oSlider.style.top = oSlider.style.left = 0;
},
//设置默认属性
SetOptions: function(options) {
this.options = {//默认值
     Up:         true,//是否向上(否则向左)
     Step:       5,//滑动变化率
     Time:       10,//滑动延时
     Auto:       true,//是否自动转换
     Pause:      5000,//停顿时间(Auto为true时有效)
     onStart:    function(){},//开始转换时执行
     onFinish:   function(){}//完成转换时执行
 };
 Object.extend(this.options, options || {});
 },
//开始切换设置
Start: function() {
  if(this.Index < 0){
      this.Index = this._count - 1;
  } else if (this.Index >= this._count){ this.Index = 0; }
  this._target = -1 * this._parameter * this.Index;
  this.onStart();
  this.Move();
},
//移动
Move: function() {
  clearTimeout(this._timer);
  var oThis = this, style = this.Up ? "top" : "left", iNow = parseInt(this._slider.style[style]) || 0, iStep = this.GetStep(this._target, iNow);
  if (iStep != 0) {
     this._slider.style[style] = (iNow + iStep) + "px";
     this._timer = setTimeout(function(){ oThis.Move(); }, this.Time);
 } else {
     this._slider.style[style] = this._target + "px";
    this.onFinish();
    if (this.Auto) { this._timer = setTimeout(function(){ oThis.Index++; oThis.Start(); }, this.Pause); }
 }
},
//获取步长
GetStep: function(iTarget, iNow) {
  var iStep = (iTarget - iNow) / this.Step;
  if (iStep == 0) return 0;
  if (Math.abs(iStep) < 1) return (iStep > 0 ? 1 : -1);
   return iStep;
 },
 //停止
 Stop: function(iTarget, iNow) {
   clearTimeout(this._timer);
   this._slider.style[this.Up ? "top" : "left"] = this._target + "px";
 }
};
window.onload=function(){
   function Each(list, fun){
       for (var i = 0, len = list.length; i < len; i++) { fun(list[i], i); }
   };
  ////////////////////////test2
  var objs2 = $("idNum2").getElementsByTagName("td");
  var tv2 = new TransformView("idTransformView2", "idSlider2", 446, 4, {
      onStart: function(){ Each(objs2, function(o, i){ o.className = tv2.Index == i ? "on" : ""; }) },//按钮样式
     Up: false
 });
  tv2.Start();
 Each(objs2, function(o, i){//idNum2 onmouseover停顿
     o.onmouseover = function(){
         o.className = "on";
         tv2.Auto = false;
         tv2.Index = i;
        tv2.Start();
    }
    o.onmouseout = function(){
        o.className = "";
        tv2.Auto = true;
       tv2.Start();
   }
})
 var idr2 = $("idSlider2").getElementsByTagName("td");//idSlider2 onmouseover停顿
 Each(idr2, function(o, i){
     o.onmouseover = function(){
          o.className = "on";
        tv2.Auto = false;
        tv2.Index = i;
        tv2.Start();
    }
   o.onmouseout = function(){
        o.className = "";
       tv2.Auto = true;
       tv2.Start();
   }
 })
}
</script>
</body>
</html>