JavaScript を使用して、ボタンをクリックして DIV レイヤーを弾力的に動かす方法_JavaScript スキル

この記事の例では、JavaScript を使用して、ボタンをクリックすることで DIV レイヤーを弾力的に移動させる方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

コードをコピー コードは次のとおりです:

<頭>


<スクリプトタイプ="text/javascript">
var t=null;
関数 startMove()
{
if(t)
{
clearInterval(t);
}
t=setInterval(move, 30);
}
var step=0;
関数 move()
{
var odiv=document.getElementById("div1");
ステップ =(100-odiv.offsetLeft)/50;
ステップ=ステップ*0.98
odiv.style.left=odiv.offset左ステップ;
}

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。