tu9.5.htm

来自「一部非常好的javaScript教程」· HTM 代码 · 共 41 行

HTM
41
字号
<HTML>
<HEAD>
<TITLE>移动效果</TITLE>
<STYLE>
<!--
  #scrollImg {position:absolute; top:125px; left:25px}
  #text {position:absolute; top:128px; left:500px}
-->
</STYLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
var start=25;  //移动的起点位置
var end=380;  //移动的终点位置
var step=10;  //移动的步长,减小此数可以使动画更平滑
function changePosition()
{
if(document.all.scrollImg.style.pixelLeft<end)  //注意使用的是 pixelLeft 而非 left
{
  document.all.scrollImg.style.pixelLeft += step;
}
else
{
  document.all.scrollImg.style.pixelLeft=start;
  document.all.scrollImg.style.pixelLeft += step;
}
}
//-->
</SCRIPT>
</HEAD>
<BODY onLoad=setInterval("changePosition()",40);>
<DIV ID="scrollImg">
   <IMG src=".../images/hand.gif">
</DIV>
<DIV ID="text">
  <A HREF="javascript:void(0)">
    <FONT size=+1 face="楷体_GB2312">快来看呀!</FONT>
  </A>
</DIV>
</BODY>
</HTML>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?