飞动的图片

 

点击这里看效果


在 <head> 与 </head> 之间加入:

<SCRIPT language=javascript>
var offx = 2000
var Oldx = 2000
var velx = 0
var PerOffx = 50
var Newx = PerOffx

function moveContent(offset)
{
Oldx = Newx
Newx = -(offset-PerOffx)
}

function DoMove()
{
// velx = ((offx-Newx) / 10) // NO NO NO!!
if (offx > Newx)
velx = (velx/1.23)-((offx-Newx) / 20)
else if (offx < Newx)
velx = (velx/1.23)+((Newx-offx) / 20)

if ((velx > 1)||(velx < -1))
offx = offx + velx

//.style document.span

if (document.all)
{
var Content = eval("Span1.style")
Content.posLeft=offx
}
else if (document.layers)
{
var Content = eval("document.Span1")
Content.left=offx
}
var timer=setTimeout("DoMove()",65)

}

</SCRIPT>

在 <body> 与 </body> 之间加入:

<SPAN id=Navicomp>
<script language=JavaScript1.2>
var sBrowser = navigator.appName;

if (sBrowser=="Netscape")
{
document.write('<style type="text/css">',
'#Span1{position:absolute; left: 4000px; top: 0px; width: 3000px; height: 276px; border-width: 0; border-color: #000000; visibility: show; padding: 0; z-index:0}',
'#Navicomp{position:absolute; left: 50px; top: 9px; width: 400px; height: 40px; border-width: 0; border-color: #000000; visibility: show; padding: 0; z-index:1}',
'</style>')
}
else
{
document.write('<style type="text/css">',
'#Span1{position:absolute; left: 4000px; top: 0px; width: 3000px; height: 276px; border-width: 0; border-color: #000000; visibility: visible; padding: 0; z-index:0}',
'#Navicomp{position:absolute; left: 50px; top: 9px; width: 400px; height: 40px; border-width: 0; border-color: #000000; visibility: visible; padding: 0; z-index:1}',
'</style>')
}

// Dont need this (most likly)
/*
if (document.layers)
{
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;

<span id="Navicomp">
<Table width="380" height="40" border=0 align=left cellspacing=0 cellpadding=0>
<TR><TD width=41 height=40></TD>
<td><Table width="100%" height="40" border=0 align=left cellspacing=0 cellpadding=0>
<TR><TD </td></TR>
<TR><TD <a href="javascript:;"
onClick=moveContent(0);>31</a>::<a href="javascript:;"
onClick=moveContent(600);>30</a>::<a href="javascript:;"
onClick=moveContent(1200);>29</a>::<a href="javascript:;"
onClick=moveContent(1800);>28</a>::<a href="javascript:;"
onClick=moveContent(2400);>27</a>::<a href="javascript:;"
onClick=moveContent(3000);>26</a>::<a href="javascript:;"
onClick=moveContent(3600);>25</a>::<a href="javascript:;"
onClick=moveContent(4200);>24</a>::<a href="javascript:;"
onClick=moveContent(4800);>23</a>::<a href="javascript:;"
onClick=moveContent(5400);>22</a>::<a href="javascript:;"
onClick=moveContent(6000);>21</a>::<a href="javascript:;"
onClick=moveContent(6600);>20</a>::<a href="javascript:;"
onClick=moveContent(7200);>19</a>::<a href="javascript:;"
onClick=moveContent(7800);>18</a>::<a href="javascript:;"
onClick=moveContent(8400);>17</a>::<a href="javascript:;"
onClick=moveContent(9000);>16</a>::<a href="javascript:;"
onClick=moveContent(9600);>15</a>::<a href="javascript:;"
onClick=moveContent(10200);>14</a>::<a href="javascript:;"
onClick=moveContent(10800);>13</a>::<a href="javascript:;"
onClick=moveContent(11400);>12</a>::<a href="javascript:;"
onClick=moveContent(12000);>11</a>::<a href="javascript:;"
onClick=moveContent(12600);>10</a>::<a href="javascript:;"
onClick=moveContent(13200);>09</a>::<a href="javascript:;"
onClick=moveContent(13800);>08</a>::<a href="javascript:;"
onClick=moveContent(14400);>07</a>::<a href="javascript:;"
onClick=moveContent(15000);>06</a>::<a href="javascript:;"
onClick=moveContent(15600);>05</a>::<a href="javascript:;"
onClick=moveContent(16200);>04</a>::<a href="javascript:;"
onClick=moveContent(16800);>03</a>::<a href="javascript:;"
onClick=moveContent(17400);>02</a>::<a href="javascript:;"
onClick=moveContent(18000);>01</a></td></TR>
<TR><TD </td></TR>
</table></TD>
<TD width=50 height=40></TD></TR>
</Table>
</span>

*/
</script>
</SPAN> <SPAN id=Navicomp>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD>&nbsp;</TD>
<TD align=left>
<TABLE height=38 cellSpacing=0 cellPadding=0 width=555 border=0
valign="top">
<TBODY>
<TR vAlign=center>
<TD height=40>
<DIV align=left> <a onClick=moveContent(0); href="javascript:;">01</a> <a
onClick=moveContent(600); href="javascript:;">02</a> <a
onClick=moveContent(1200); href="javascript:;">03</a> <a
onClick=moveContent(1800); href="javascript:;">04</a> <a
onClick=moveContent(2400); href="javascript:;">05</a> </DIV>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
</SPAN><SPAN id=Span1>
<TABLE cellSpacing=0 cellPadding=0 width=3000 border=0
valign="top">
<tr valign=top>
<td colspan="5" height="50">&nbsp;</td>
</tr>
<TBODY>
<tr valign=top>
<td width="20%"> <img height=72 src="../images/006.jpg"
width=100 border=0> </td>
<td width="20%"> <img height=72 src="../images/023.jpg"
width=100 border=0> </td>
<td width="20%"> <img height=72 src="../images/010.jpg"
width=100 border=0> </td>
<td width="20%"> <img height=72 src="../images/008.jpg"
width=100 border=0> </td>
<td width="20%"> <img height=72 src="../images/020.jpg"
width=100 border=0> </td>
</tr>
</TBODY>
</TABLE>
</SPAN>

把 <body> 改为:

<BODY style="OVERFLOW-Y: hidden; OVERFLOW-X: hidden; WIDTH: 100%"
onload=DoMove()>