一个不错的给图片添加说明文字的动态层的实现代码 时间:2020-05-13 人气:0 滑动说明文字 <script language="javascript" type="text/javascript"> var slide_content=function(){ var id="slide_content" //滑动图片父容器的id名 var interval=10; //滑动速度 var interval2=100; //文字滑出延迟时间(毫秒) var interval3=500; //文字内容自动消失的延迟时间(毫秒) var opacity=69; //文字内容图层透明度 var timer2=new Array(); var elem=new Array(); var status=new Array(); var div=document.getElementById(id).getElementsByTagName("div"); var timer3=0; //run_animation var d=function(){ var timer,obj,txt;var ypos=100; this.run=function(pra1,pra2,dir){obj=pra1;txt=pra2;if(dir>0){clearTimeout(timer);clearTimeout(timer3);timer3=setTimeout(obj.up,interval2);}else{clearTimeout(timer);obj.down()};txt.style.filter="alpha(opacity="+opacity+")";txt.style.opacity=opacity/100;} //向上滑动 this.up=function(){if(ypos<=0){txt.style.top="0px"}else{ypos-=10;txt.style.top=ypos+"px";timer=setTimeout(obj.up,interval)}} //向下滑动 this.down=function(){if(ypos>=106){txt.style.top="106px";}else{ypos+=15;txt.style.top=ypos+"px";timer=setTimeout(obj.down,interval)}} } //init mouse_behavior for(var i=0;i 春天:春天是播种的季节。 夏天:夏天是火热的季节。 秋天:秋天是丰收的季节。 冬天:冬天是雷人的季节。 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 加载全部内容