私の質問は簡単です.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 を追加するように提案されている場所に太字のタグがあることに気付きました。
助けてください!このコードを機能させるにはどうすればよいですか、または画像を「震える」ようにするにはどうすればよいですか?