连续滚动的图片

<SCRIPT language=Javascript>
function myMarquee(){
 this.items=new Array;
 this.width=780;
 this.height=90;
 this.border=0;
 this.cellpadding=0;
 this.cellspacing=0;
 this.align="center";
 this.valign="middle";
 this.bgcolor="#FFFFFF";
 this.background="";
 this.style="";
 this.className="";
}
myMarquee.prototype.add=function(varray){this.items[this.items.length]=varray}
myMarquee.prototype.clear=function(){this.items={}}
myMarquee.prototype.execute=function(){
 var outstr=""
 outstr+='<table align='+this.align+' valign=/"'+this.valign+'/" border='+this.border+' cellpadding='+this.cellpadding+' cellspacing='+this.cellspacing+' bgcolor='+this.bgcolor+' background=/"'+this.out_background+'/" style=/"'+this.style+'/" class=/"'+this.className+'/">';
 outstr+='    <tr> ';
 outstr+='      <td width='+this.width+' height='+this.height+' align=center>';
 outstr+='      <div id=demo style=/"overflow:hidden;width:'+(this.width-30)+'/" align=center>';
 outstr+='        <table border=0 align=center cellpadding=1 cellspacing=1 cellspace=0 >';
 outstr+='          <tr>';
 outstr+='           <td valign=top id=f2ra244324_marquePic1> ';
 outstr+='             <table width=90% border=0 cellspacing=0 cellpadding=2>';
 outstr+='               <tr align=center> ';
 for(var i=0;i<this.items.length;i++){
  outstr+="<td nowrap><a href=/""+this.items[i][1]+"/" target=_blank>";
  if(this.items[i][2])
   outstr+="<img src=/""+this.items[i][3]+"/" width=/""+this.items[i][4]+"/" height=/""+this.items[i][5]+"/" border=0 alt=/""+this.items[i][0]+"/">";
  else
   outstr+=this.items[i][0];
  outstr+="</a><td>";
 }
 outstr+='      </tr>';
 outstr+='        </table>';
 outstr+='           </td>';
 outstr+='    <td id=f2ra244324_marquePic2 valign=top>';
 outstr+='</td>';
 outstr+='         </tr>';
 outstr+='       </table>';
 outstr+='      </div>';
 outstr+='      </td>';
 outstr+='    </tr>';
 outstr+='  </table>';
 document.write(outstr);
 if(demo.clientWidth<f2ra244324_marquePic1.clientWidth){
  var speed=30;
  f2ra244324_marquePic2.innerHTML=f2ra244324_marquePic1.innerHTML;
  function Marquee_Left(){
   if(demo.scrollLeft>=f2ra244324_marquePic1.scrollWidth){
    demo.scrollLeft=0
   }else{
    demo.scrollLeft++
   }
  }
  var MyMar=setInterval(Marquee_Left,speed)
  demo.οnmοuseοver=function() {clearInterval(MyMar)}
  demo.οnmοuseοut=function() {MyMar=setInterval(Marquee_Left,speed)}
 }
}
</SCRIPT>
<SCRIPT language=Javascript>
//  以下是用法
// width=780;容器宽度
// height=90;容器高度
// border=0; 容器边框
// cellpadding=0;内容间距
// cellspacing=0;单元格间距
// align="center";容器水平对齐
// valign="middle";容器垂直对齐
// bgcolor="#FFFFFF";容器背景色
// background=""; 容器背景图片
// style="";    容器样式
// className="";  容器样式名
var initobj=new myMarquee();
with(initobj){
align="center";
bgcolor="#FAFAFA";
width=700;
height=100;
add(['第1个','http://www.bx999.com',true,'http://www.zishapot.com/images/cn/logo.gif','100','80'])
add(['第2个','http://www.bx999.com',false])
add(['第3个','http://www.bx999.com',true,'http://www.zishapot.com/images/cn/logo.gif','100','80'])
add(['第4个','http://www.bx999.com',false])
add(['第5个','http://www.bx999.com',true,'http://www.zishapot.com/images/cn/logo.gif','100','80'])
add(['第6个','http://www.bx999.com',false])
add(['第7个','http://www.bx999.com',true,'http://www.zishapot.com/images/cn/logo.gif','100','80'])
add(['第8个','http://www.bx999.com',false])
add(['第9个','http://www.bx999.com',true,'http://www.zishapot.com/images/cn/logo.gif','100','80'])
add(['第10个','http://www.bx999.com',false])
add(['第11个','http://www.bx999.com',true,'http://www.zishapot.com/images/cn/logo.gif','100','80'])
add(['第12个','http://www.bx999.com',false])
execute();
}
</SCRIPT>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值