本文实例讲述了射流研究…实现先显示大图后自动收起显示小图的广告代码。分享给大家供大家参考。具体如下：

这是一个非常不错的Java脚本语言图片特效，当最初打开网页的时候，显示的是大图片，就像遮屏广告一样，停留一会后，自动缓慢收起，这时由射流研究…控制更换广告图片，始终显示在网页顶部，在一些大门户网站我们经常见到这种效果，个人感觉挺酷哦！

先来看看运行效果截图：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-big-to-small-pic-adv-codes/

具体代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML '标题先显示大图随后自动收起显示小图的射流研究…广告/title meta http-equiv=' content-type ' content=' text/html；charset=GB 2312 '样式类型=' text/CSS ' html，正文{ margin:0文本对齐：居中；font-size :12 px} img { border : none } p { margin :0 px }/style脚本类型=' text/JavaScript ' var showAD={ curve : function(t，b，c，d，s){ if((t/=d/2)1)return c/2 * t * t * b；返回c/2 *(t-=2)* t * t 2)b }，fx:函数(from，to，playTime，onEnd) {var Me=this，who=this.adWrap，position=0，changeVal=to - from，curve=this . curve playTime=playTime/10；谁。风格。溢出='隐藏'；function _ run(){ if(position playTime){ who。风格。身高=数学。max(1，数学。ABS(数学。ceil(曲线(位置、起点、变化值、播放时间)))“px”；setTimeout(_run，10)} else { OneD。呼叫(我，到)}；_run()}，init:函数(信息){var Me=this，loadImg=new Imageloadimg。src=信息。EndimgURl窗户。onload=function(){ Me。endimgURl=信息。endimgURl我。img=文档。getelementbyid(信息。im GID)；我。adwrap=文档。getelementbyid(信息。ad wrap id)；var max=Me。img。身高；setTimeout(函数(){ Me。FX(最大值，0，500，函数(x){ this。img。src=这个。endimgURlthis.curve=函数(t，b，c，d){ if((t/=d)(1/2.75)){ return c *(7.5625 * t * t)b } else if(t(2/2.75)){ return c *(7.5625 *(t-=(1.5/2.75))* t . 75)b } else if(t(2.5/2.75)){ return c *(7.5625 *(t-=(2 th)超时| | 1000)}；}};展示广告。init({ adwraid : ' ad _ box _ 2009 _ 06 '，imgID: 'adImg '，endmgurl : ' images/as。jpg ' })；/script/head dydiv id=' ad _ box _ 2009 _ 06 ' img src=' http : images/ab。jpg ' id=' ADimg '/div/body/html希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。