ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript を使用して、ボタンをクリックして DIV レイヤーを弾力的に動かす方法_JavaScript スキル

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

WBOY
リリース: 2016-05-16 16:13:23
オリジナル
1282 人が閲覧しました

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

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


<頭>
ボタンをクリックすると、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 プログラミング設計に役立つことを願っています。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート