3

所以我的问题很简单，我正在用 HTML 构建一个网页，我想在其中加入一些 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

这就是你想要的：

动态驱动：摇动图像脚本

于 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 回答