この記事では、ボタンをクリックしてDivレイヤーが弾力的に移動できるようにするJavaScriptの方法について説明します。参照のためにそれを共有してください。特定の実装方法は次のとおりです。
次のようにコードをコピーします。
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<Title>ボタンをクリックして、Divレイヤーを柔軟でモバイルの特殊効果を作成します</title>
<style type = "text/css">
＃div1 {背景：＃ffcc66;境界線：＃FF6600 1PXソリッド;高さ：100px;幅：100px;位置：相対;左：0px;}
</style>
<script type = "text/javascript">
var t = null;
function startmove（）
{
if（t）
{
ClearInterval（t）;
}
t = setInterval（move、30）;
}
var step = 0;
関数ムーブ（）
{
var odiv = document.getElementById（ "div1"）;
ステップ+=（100-odiv.offsetLeft）/50;
ステップ=ステップ*0.98
odiv.style.left = odiv.offsetleft+step;
}
</script>
</head>
<body>
<div id = "div1">
</div>
<入力型= "button" value = "move" onclick = "startmove（）"/>
</body>
</html>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。