老邦 与人为善 与己方便...
js 广告渐入渐出
发表于: | 分类: 低端技术 | 评论:2

最近在网站想用这种效果,所以写了个简单的出来供大家参考

js脚本文件代码如下:

[code]

/*param idPram移动对象的ID
**param height需要移动的长度
**/
function ldUD(idPram,height){
/*初始化*/
this.step=5; //移动步长
this.totstep=height;//移动长度
this.newHeight=0; //当前移动距离
this.time=1; //移动速度,越小越快
this.next=2000;//上下往复移动的终点停顿时间
this.jian='';
this.fx='down'; //移动方向
this.id=idPram;
this.install;
};
/*属性指代*/
ldUD.obj=this;
/*
**业务方法
***/
ldUD.prototype.move=function (){
obj.G(obj.id).style.height=obj.newHeight+'px';
if(obj.fx=='down'){
obj.newHeight=obj.newHeight+obj.step;
if(obj.newHeight >= obj.totstep){
obj.G(obj.id).style.height=obj.totstep+'px';obj.fx='up';clearInterval(obj.install);
obj.jian=setInterval(obj.move,obj.next);
}}else{
if(obj.jian!=''){clearInterval(obj.jian);obj.jian='';obj.currt();}
obj.newHeight=obj.newHeight-obj.step;
if(obj.newHeight<=0){obj.G(obj.id).style.height=0+'px';clearInterval(obj.install);}}
};
/*
**公有方法(取得对象)
***/
ldUD.prototype.G=function (id){return document.getElementById(id);};
/*
**JS入口(调用方法)
***/
ldUD.prototype.currt=function(){
this.install=setInterval(this.move,this.time);
};

[/code]

<HTML>

<!--移动对象-->
<div id=headdd ><img src="dl.jpg" /></div>
<!--主体-->
<div id=body >
<img src="ye.jpg" width="951" />
</div>
<SCRIPT>
obj=new ldUD('headdd','340');
obj.currt();
</SCRIPT>

</HTML>

 


已有 2 条评论

  1. 来看看,但是看不懂程序之类的东东!

添加新评论


TOP