modalDialog的使用,图片切换,点击图片时打开一个窗体,并显示信息

2020-12-13 03:47

阅读:330

标签:java   使用   width   os   javascript   html   

//主窗体

//与open的区别:1、参数二是传递的参数 2、属性设置格式:属性=属性值; 3、dialogHeight与dialogWidth没有单位,即需要自己加上px

 //window.showModalDialog

//("modalDialog.html",window,"dialogHeight=300px;dialogWidth=300px;scroll=yes;status=yes;dialogTop=100;dialogLeft=100;resizable=1");

//为每个span标签添加一个点击事件
   spans[i].onclick=function(){
     index=this.innerHTML-1;
     document.getElementById("img").src=imgs[index];
   };
  }
 }
 
 window.onload=clickSpan;
 window.setInterval("changeImg()",1000);

 

图片动态切换效果


  1        

2        

3        

4    

 

//打开的窗体

 

 //window.dialogArguments获取打开本模式窗体的窗体
  //window.dialogArguments.location.href="http://www.soscw.com/打开窗体以及父窗体刷新.html";//刷新
  //window.close();//关闭
  }
  window.onload=show;
   

modalDialog的使用,图片切换,点击图片时打开一个窗体,并显示信息,搜素材,soscw.com

modalDialog的使用,图片切换,点击图片时打开一个窗体,并显示信息

标签:java   使用   width   os   javascript   html   

原文地址:http://www.cnblogs.com/danmao/p/3819213.html


评论


亲,登录后才可以留言!