この記事の例では、js マウスを使用して、画像上をスライドするときに画像を振動させる方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。 コードをコピー コードは次のとおりです: <頭> マウスをロールオーバーすると画像が振動します .shakeimage {<br> 位置: 相対<br> }<br> <br> <!--<br /> varレクター=3<br /> var stopit=0<br /> var a=1<br /> 関数 init(どれ){<br /> stopit=0<br /> シェイク=どれ<br /> shade.style.left=0<br /> シェイク.スタイル.トップ=0<br /> }<br /> 関数rattleimage(){<br /> if ((!document.all&&!document.getElementById)||stopit==1)<br /> 戻る<br /> if (a==1){<br /> shake.style.top=parseInt(shake.style.top) レクター<br /> }<br /> else if (a==2){<br /> shade.style.left=parseInt(shake.style.left) レクタ<br /> }<br /> else if (a==3){<br /> shade.style.top=parseInt(shake.style.top)-rector<br /> }<br /> それ以外{<br /> shade.style.left=parseInt(shake.style.left)-rector<br /> }<br /> if (a<4)<br /> <br /> それ以外<br /> a=1<br /> setTimeout("rattleimage()",50)<br /> }<br /> 関数 stoprattle(that){<br /> ストップイット=1<br /> what.style.left=0<br /> what.style.top=0<br /> }<br /> //--><br /> 画像の上にマウスを移動すると、効果をプレビューできます。
