鲁信烈士安葬仪式:这一个页面怎么制作?

来源:百度文库 编辑:中科新闻网 时间:2024/05/01 05:20:55
http://sh1.com.cn/guestbook/
请看这一个留言簿,点击留言
当你点击留言的时候,后面的页面变成灰色,效果如
http://www.jobui.com中的点击登录一样

怎么制作呢?

<html>
  <head>
  <script language=javascript>
  function chalpha(obj,i){
  obj.finishOpacity = i;
  obj.opacity = i;
  document.all("show").style.top = document.body.scrollTop + 10;
  document.all("show").style.left = document.body.clientWidth / 2 + document.body.scrollLeft;
  document.all("show").focus();
  }
  function chalpha1(){
  document.all('show1').filters(0).finishOpacity = 100;
  document.all('show1').filters(0).opacity = 100;
  document.all("show").style.top = -1000;
  }
  </script>
  <style>
  .cPopText
  {
  background-color: #FFFFFF; border: 1px #333333 solid; font-size: 12px; color: #000000; padding-right: 4px; padding-left: 4px; width:50px; padding-top: 2px; padding-bottom: 2px; top:-1000px; left:100px;
  }
  </style>
  </head>
  <body>
  <div id=show1 style="position:absolute;filter : Alpha(startX=0, startY=0, finishX=100, finishY=100,style=1,opacity=100,finishOpacity=100);">
  asdfa
  basdf
  <br>
  <br>
  <br>
  <a href="javascript:chalpha(document.all('show1').filters(0),50);" > aa</a>
  </div>
  <div onblur=chalpha1() id=show class="cPopText" style="position:absolute;z-index:1000;filter : Alpha(startX=0, startY=0, finishX=100, finishY=100,style=1,opacity=100,finishOpacity=100);" >
  filter : Alpha(startX=0, startY=0, finishX=100, finishY=100,style=1,opacity=100,finishOpacity=100));
  </div>
  </body>
  </html>
  希望能够帮到你