网页设计中11种效果实现 高级篇

http://tech.ddvip.com   2008年01月17日    社区交流

本文详细介绍网页设计中11种效果实现 高级篇

  9.鼠标一碰就给颜色看的链接

  在<body></body>之间加上如下代码:

  <p onMouseMove="anniu()">你敢碰我,我就给点颜色你看!</p>
  <script Language = "VBscript">
  sub anniu
  document.fgColor=int(256*256*256*rnd)
  end sub
  </script>

  10.从天而降并有幻影效果的窗口

  <head>
  <script language="Javascript">
  function move(x) {
  if(self.moveBy){
  self.moveBy (0,-800);
  for(i = x; i > 0; i--)
  {
  self.moveBy(0,3);
  }
  for(j = 200; j > 0; j--){  //如果你认为窗口抖动厉害,就200换成个位数
  self.moveBy(0,j);
  self.moveBy(j,0);
  self.moveBy(0,-j);
  self.moveBy(-j,0);
  }
  }
  }
  </Scrip>
  <body bgColor=#ffffff onload=move(280)>
  </body>
  </head>

  11.表格的半透明显示效果

  在<head></head>之间加上如下代码:

  <style>
  .alpha{filter: Alpha(Opacity=50)}   //50表示50%的透明度
  </style>

  在<body></body>之间加上如下代码:

  <table border="1" width="100" height="62"  class="alpha" bgcolor="#F2A664" >
  <tr>
  
  <td width="100%" height="62">
  <div align="center">很酷吧!</div>
  </td>
  </tr>
  </table>

责编:豆豆技术应用

正在加载评论...