JS点击链接后慢慢展开隐藏着图片的方法

  本文实例讲述了JS点击链接后慢慢展开隐藏着图片的方法。分享给大家供大家参考。具体实现方法如下:

  

复制代码 代码如下:
<html>

  <title>JS点击链接后,慢慢展开隐藏着的图片</title>

  <body>

  <script language="JavaScript">

  var b=0;

  var c=true;

  function fade(){

  if(document.all);

  if(c == true){b+=3}

  if(b>294){c=false}

  u.width=394

  u.height=b; //运行后图片的大小

  setTimeout("fade()",1)}//根据实际情况选择延时

  </script>

  <p align="center"><a href="javascript:"><img src="/images/3.jpg" name="u" width="0" height="0" border="0"  onclick="javascript:window.open(this.src);" style="cursor:pointer;"/></a>

  <p align="center"><a href="javascript:" onClick="fade()">点击展开图片</a>

  </body>

  </html>

  希望本文所述对大家的javascript程序设计有所帮助。