3

私の質問は簡単です.HTMLでWebページを作成しています.JavaScriptを少し組み込んで、画像を「振動」または「揺れ」させたい.

私はいくつかの調査を行い、これを見つけました:

Copy the below code and paste it into the <HEAD> section of your page
Example:<head>Code Here</head>
<style>
.jc{
position:relative;
}
</style>

<script language="JavaScript1.2">

var ns6=document.getElementById&&!document.all
var ie=document.all

var customcollect=new Array()
var i=0

function jiggleit(num){
if ((!document.all&&!document.getElementById)) return;
customcollect[num].style.left=(parseInt(customcollect[num].style.left)==-1)? customcollect[num].style.left=1 : customcollect[num].style.left=-1
}

function init(){
if (ie){
while (eval("document.all.jiggle"+i)!=null){
customcollect[i]= eval("document.all.jiggle"+i)
i++
} 
}
else if (ns6){
while (document.getElementById("jiggle"+i)!=null){
customcollect[i]= document.getElementById("jiggle"+i)
i++
}
}

if (customcollect.length==1)
setInterval("jiggleit(0)",80)
else if (customcollect.length>1)
for (y=0;y<customcollect.length;y++){
var tempvariable='setInterval("jiggleit('+y+')",'+'100 )'
eval(tempvariable)
}
}

window.onload=init

</script>

NOW PASTE THIS ANYWHERE YOU WISH YOUR IMAGE TO APPEAR

<span id="jiggle0" class="jc"><b>YOUR IMAGE URL HERE</b></span>

彼らはそれを「震える写真」と呼び、例を挙げました...まさに私が欲しいものです。彼らが説明したとおりに、私はそれを正確に行いました。彼らが必要だと言ったところにコードを追加し、すべての適切な部分をコピーし(指示はありません)、すべてが正しい場所にあることを確認しました.

画像がなかったので試してみました!何もなかった!これは、黒の背景を使用していたことが原因であることに気付きました。テキストがあれば、それも黒になるため、実際に起こっていたのは、追加したい画像の URL を表示しているだけでした (強調表示したら、それを参照してください)。とにかく、まだ画像はなく(テキストのみ)、振動/ジッタリング/震え/ジグリングはまだありません. 画像の URL を追加するように提案されている場所に太字のタグがあることに気付きました。

助けてください!このコードを機能させるにはどうすればよいですか、または画像を「震える」ようにするにはどうすればよいですか?

4

4 に答える 4

4

これはあなたが望むものです:

Dynamic Drive : Shake Image スクリプト

于 2011-04-12T06:04:25.540 に答える
3

上記のコードの何が問題なのかわかりません。申し訳ありません。

私は自分自身のクラクションを鳴らしたくありませんが、jQuery を使用する意思がある場合に役立つ可能性のあるプラグインを最近リリースしました。jRumbleと呼ばれます。X範囲、Y範囲、回転範囲、振動速度、イベントタイプをカスタマイズできます。任意の要素で使用できるため、必要に応じて、画像または画像が含まれる div に直接適用できます。

于 2011-04-12T06:45:24.780 に答える
1

この行にはエラーがあります:

customcollect[num].style.left=(parseInt(customcollect[num].style.left)==-1)? customcollect[num].style.left=1 : customcollect[num].style.left=-1

あなたはおそらく欲しい:

customcollect[num].style.left=(parseInt(customcollect[num].style.left)==-1) ? 1 : -1;
于 2011-04-12T06:10:04.897 に答える
0

Mootools、Fx.Shake を使用します。これをチェックしてください!

于 2011-04-12T06:09:21.800 に答える