45、一个会伸缩的按钮

45、一个会伸缩的按钮

要完成此效果把如下代码加入到<body>区域中

 

<p align="center"> </p>

<div align="center"><center>

 

<table border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td width="100%"><form name="form2" onSubmit="null">

      <p><input type="submit" name="banner" VALUE="Submit"

      onClick="alert('You have to put an \'action=[url]\' on the form

tag!!')"> <br>

      <script language="JavaScript"><!-- Jon Eyrick - tt1234@263.net

// I do not take full credit for this script, I only made half of this..

var id,pause=0,position=0;

function banner() {

        // variables declaration

var i,k,msg="内容";// increase msg

        k=(30/msg.length)+1;

        for(i=0;i<=k;i++) msg+=" "+msg;

        // show it to the window

       document.form2.banner.value=msg.substring(position,position-30);

        // set new position

       if(position++==msg.length) position=0;

        // repeat at entered speed

        id=setTimeout("banner()",60); }

// end -->

banner();

</script></p>

    </form>

    </td>

  </tr>

</table>

</center></div>

 

<p> </p>

 

 

Write a comment

Comments: 0