📄 ani_flipcode.htm

📁 javascript的学习文章

💻 HTM

字号:

<html>
<head>
<title>Webmonkey - Source</title>
<body bgcolor="#ffffff"> <blockquote>

<!--NOTE*** Aaron: we should double-check this page. Remind me to if I forget, -tz -->

<br>&lt;html&gt;
<br>&lt;head&gt;
<br>&lt;title&gt;Fuge generator&lt;/title&gt;

<ul><pre>
&lt;script language="JavaScript"&gt;

</pre><tt>
// make the array of images<br>
bendyList = new Array('bendy000.gif', 'bendy001.gif', 'bendy002.gif', 'bendy003.gif', 'bendy004.gif', 'bendy005.gif', 'bendy006.gif', 'bendy007.gif', 'bendy008.gif', 'bendy009.gif', 'bendy010.gif', 'bendy011.gif', 'bendy012.gif', 'bendy013.gif', 'bendy014.gif');
</tt><pre>

// daPosition will point to successive images in the bendyList array
daPosition = 0;

function imageFlip() {

// increment the pointer
  if(daPosition == bendyList.length-1) {
    daPosition = 0;
  } else {
    daPosition++;
  }

// change the image
document.images['daImg'].src = bendyList[daPosition];

// do it again
setTimeout('imageFlip()', 200);

}

&lt;/script&gt;

&lt;/head&gt;
&lt;body bgcolor="#000000" onload="imageFlip()"&gt;
&lt;pre&gt;




&lt;/pre&gt;
&lt;div align="center"&gt;
&lt;img name="daImg" src="bendy000.gif" width=110 height=106 border=4&gt;&lt;/div&gt;
</pre></ul>
&lt;/body&gt;
&lt;/html&gt;
</blockquote>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -