`

图片涌入涌出流动效果

F# 
阅读更多
     当页面加载时,图片片缓缓从顶部向下扩展,当页面加载完成后,然后收缩,实现流动效果,js控制如下:
var _ivyIDs=window._ivyIDs||"";
var _tmpIvyIDs=window._tmpIvyIDs||"";
var _cntUrl=window._cntUrl||"";
var _state_=0;
var _count_=1;
var __lock__ =0;
var _ivySubmitPage="#";
function _addIvyID(para_loc_ad){
	if(_tmpIvyIDs.indexOf(para_loc_ad+";")>-1){
		return;
	}

	_tmpIvyIDs = _tmpIvyIDs + para_loc_ad + ";";
	_ivyIDs = _ivyIDs + para_loc_ad + ";";
}
function _delIvyID(para_loc_ad){
	if(para_loc_ad != null && para_loc_ad.length>0 && para_loc_ad.indexOf("_")>0){
		if(_tmpIvyIDs.indexOf(para_loc_ad+";")>-1){
			_tmpIvyIDs = _tmpIvyIDs.replace(para_loc_ad+";", "");
		}
		if(_ivyIDs.indexOf(para_loc_ad+";")>-1){
			_ivyIDs = _ivyIDs.replace(para_loc_ad+";", "");
		}
	}
}
function _submitIvyID_impl(){
  __lock__ = 1;
  if (_ivyIDs && _ivyIDs != ""){
    var _ivyIDssend = _ivyIDs;
    _ivyIDs = "";
    try{
       var i2 = document.createElement("script");
       if(i2){
	  var ivydiv = document.getElementById("ivy_div");
	  if(!ivydiv){
	      //var bodys = document.getElementsByTagName("body");
	      //ivydiv = bodys[0];
              ivydiv   =   document.createElement("div");
              ivydiv.id= "ivy_div";
              ivydiv.style.display   =   "none";
              //2009.2.25...apply insertBefore for better compatiable
              //document.body.appendChild(ivydiv);
              document.body.insertBefore(ivydiv, document.body.firstChild);
	  }

	  if (!ivydiv){
    	      try{
                 var i2 = new Image(1,1);
                 i2.src = _ivySubmitPage + _ivyIDssend;
                 i2.onload=function() { _uVoid(); };
              }catch(err0){_addIvyID(_ivyIDssend);}
	  }else{
              //2009.2.25...apply insertBefore for better compatiable
	      //ivydiv.appendChild(i2);
              document.body.insertBefore(i2, document.body.firstChild);
	      var page = _ivySubmitPage + _ivyIDssend + "&state=" + _state_ + "&submitcnt=" + _count_;
	      i2.src = page;
          }
       }
    }catch(err){
        try{
	   var i2 = new Image(1,1);
           i2.src = _ivySubmitPage + _ivyIDssend;
           i2.onload=function() { _uVoid(); };
        }catch(err1){
           _addIvyID(_ivyIDssend);
        }
    }
  }
  if (_cntUrl && _cntUrl != ""){
    var i3 = new Image(1,1);
    i3.src = _cntUrl;
    i3.onload=function() { _uVoid(); };
    _cntUrl ="";
  }
  __lock__ = 0;
}
function _uVoid() { return; }
function _ivyRandom(size){
  try{
    hi_now = new Date();
    hi_id= hi_now.getSeconds() % size;
    return hi_id;
  }catch(err) {
    return 0;
  }
}
function _submitIvyID(){
   if(__lock__!=0){
      window.setTimeout(_submitIvyID,3000);
      return;
   }
   _state_ = 0;
   _count_ = 1;
   _submitIvyID_impl();
}
function _submitIvyID2(){
   if(__lock__!=0){
      window.setTimeout(_submitIvyID2,3000);
      return;
   }
    _state_ = 1;
   _count_ = 1;

   var needDelay= _ivyIDs&&_ivyIDs!="";
   if(needDelay) _addIvyID("35888_41989"); //用于统计未加载完页面就跳出的次数
   _submitIvyID_impl();
   if(needDelay) { var d=new Date(); while(new Date()-d<100){} } //延时100毫秒以保证请求发出,不会Abort
}
function _submitIvyID3(){
   if(__lock__!=0){
      window.setTimeout(_submitIvyID3,3000);
      return;
   }
   _state_ = 0;
   _count_ = 2;
   _submitIvyID_impl();
}
window.onbeforeunload = _submitIvyID2;

var userAgent = navigator.userAgent.toLowerCase();

if(/msie/.test(userAgent) && !/opera/.test(userAgent)){
    document.onreadystatechange = function(){
      if (document.readyState == "complete"){
     	 _submitIvyID3();
      }
    };
}else if(/opera/.test(userAgent) ||/mozilla/.test(userAgent)){
    document.addEventListener( "DOMContentLoaded", _submitIvyID3 , false );
}

function document_write(s) { document.write(s); }
function document_writeln(s) { document.writeln(s); }

//add for show3
var _IVY_AD_MAP_ = new Array();
function struct_IVY_AD_MAP(key, value){

  this.key = key;
  this.value = value;

}

function setLocationAd(key, value){

  for (var i = 0; i < this._IVY_AD_MAP_.length; i++)
  {
    if ( this._IVY_AD_MAP_[i].key === key )
    {
      this._IVY_AD_MAP_[i].value = value;
      return;
    }
  }

  this._IVY_AD_MAP_[this._IVY_AD_MAP_.length] = new struct_IVY_AD_MAP(key, value);

}

function getLocationAd(key,pex)
{
   var tmp = new Array();
   var obj = new Array();
  for (var i = 0; i < this._IVY_AD_MAP_.length; i++)
  {
    if ( this._IVY_AD_MAP_[i].key === key )
    {
      tmp = this._IVY_AD_MAP_[i].value;
	  break;
    }
  }
  if(tmp != null && tmp.length>0){
	var level = tmp[0].level;
	for(var i=0;i<tmp.length;i++){
		if(pex != null && pex>0){
			if(pex>obj.length){
				obj[obj.length] = tmp[i];
				_addIvyID(tmp[i].locationId + "_" + tmp[i].adId);
			}
		}else{
			if(level>tmp[i].level)break;
			obj[obj.length] = tmp[i];
			_addIvyID(tmp[i].locationId + "_" + tmp[i].adId);
			if(level<2)break;
		}
	}
  }
  return obj;
}

ivymap = window.ivymap || {}; //防重载写法,用于show4合并方式
function showIvyViaJs(locationId) {
	var _f = undefined;
	var _fconv = 'ivymap[\"'+locationId+'\"]';
	try {
		_f = eval(_fconv);
		if (_f!=undefined) {
			_f();
		}
		/* 不再需要兼容旧版
		else {//兼容旧版本
			var _f2 = undefined;
			var _fconv2 = locationId.replace(/\./g,"_IVY_").replace(/-/g,"_IV_Y_");
			try{
				_f2 = eval(_fconv2);
				if (_f2!=undefined){
					_f2();
				}else{
					//alert('no the function.');
					//handle of not ad found
				}
			}catch(e){}
		}/**/
	} catch(e) {
	}
}

/** 关键字广告保存的数组列表和回调函数 add by yjx **/
//关键字广告列表
var ivyAdList = new Array();
//关键字广告内容,key-关键字,content-广告内容,href-点击链接,ivyPara-计数参数,showCount-关键字显示次数,linkCss-链接样式
function IvyKeyword(key, content, href, ivyPara, showCount, linkCss){
	this.key = key;
	this.content = content;
	this.href = href;
	this.ivyPara = ivyPara;
	this.showCount = showCount;
	this.tmpCount = 0;
	this.linkCss = linkCss;
}

//提供给程序的回调JS函数
function showKeyWorkAd(keys, content, href, ivyPara, showCount, linkCss){
	var keyArray=keys.split("|||");
	//alert(keyArray)
	for(var aa=0;aa<keyArray.length;aa++) {
		ivyAdList[ivyAdList.length] = new IvyKeyword(keyArray[aa], content, href, ivyPara, showCount, linkCss);
	}
}

//针对inline形式出的定向投放的
function getContent(adList,keyList,areaKey,area){
	var content = "";//找出匹配的广告
	try {
		var isFind = "";
		for(var a=0;a<keyList.length;a++){//将area与KeyList比较
			if(area.indexOf(keyList[a])!= -1){isFind = keyList[a];break;}
		}
		if(isFind == "") isFind = "其他地区";//找出地区全称
		areaKey = eval(areaKey);
		var areaFind = "";
		for(var a=0;a<areaKey.length;a++){
			if(areaKey[a] != null && areaKey[a].key == isFind) {areaFind = areaKey[a].value;break;}
		}
		if(areaFind == "") return "";
		for(var a=0;a<adList.length;a++){
			if(adList[a] != null && adList[a].key.indexOf(areaFind) != -1){content = adList[a].value;break;}		
		}
	} catch(e) {
		
	}
	return content;
}
分享到:
评论

相关推荐

    矿井通风与安全考试题1.doc

    1. 通风阻力:通风阻力是空气流动过程中受到的阻力,它不是由两断面的绝对静压之差决定的,而是与风流速度、巷道形状、表面粗糙度等因素有关。 2. 局部通风机的配置:两台局部通风机不能同时向同一掘进工作面供风,...

    参考资料-流砂地质隧道.zip

    在流砂层中,常选用能有效控制地下水的工法,如冷冻法通过降低地下水温使其凝固,或土压平衡盾构法通过保持开挖面与周围土体压力平衡来防止流砂涌出。 4. **地下水管理**:控制地下水是流砂地质隧道建设的核心。...

    坪上煤矿探放水设计及安全措施.docx

    在煤矿开采中,了解地层结构和构造情况对于探放水工作至关重要,因为地下水的分布和流动直接影响着矿井的安全。 首先,地层分析是探放水设计的基础。文档详细描述了矿区的地层分布,包括第四系到二叠系下统栖霞组的...

    煤矿地质专业试题.doc

    23. 瓦斯涌出量:绝对瓦斯涌出量和相对瓦斯涌出量,是衡量矿井瓦斯释放量的指标,关乎通风安全。 24. 储量管理报表:生产矿井储量动态表和损失量表,用于追踪和管理煤炭资源。 25. 储量分类:能利用储量和暂不能...

    一通三防考试题库及答案.docx

    具体的规定可能会有所不同,但一般来说,保护层工作面抽放钻孔的超前距离是为了确保有效的瓦斯抽放效果,并非固定不变的数值。实际操作中需要根据具体情况调整。 7. **煤矿发生自燃火灾的主要原因是煤有自然倾向性...

    寒武系上段隔水性及在马陵山矿带压开采中的应用 (2014年)

    本文中的“相对隔水层”是指寒武系上段中那些岩溶发育程度较低、能够起到较好隔水效果的部分。 4. **突水评价**:针对矿井开采过程中可能出现的地下水突然涌出的风险评估。通过对地质条件的分析,预测可能发生的...

Global site tag (gtag.js) - Google Analytics