Как бы я использовал JavaScript, чтобы сделать изображение "дрожать" или "дрожать"? - PullRequest
3 голосов
/ 12 апреля 2011

Итак, мой вопрос прост: я создаю веб-страницу в 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 голосов
/ 12 апреля 2011
3 голосов
/ 12 апреля 2011

Я не уверен, что не так с приведенным выше кодом, извините.

Я не хочу использовать свой собственный рог, но недавно я выпустил плагин, который может работать на вас, если вы хотите использовать jQuery. Это называется jRumble . Вы можете настроить диапазон X, диапазон Y, диапазон вращения, скорость грохота и тип события. Он может использоваться для любого элемента, поэтому вы можете применить его непосредственно к изображению или к элементу div, в котором находится изображение, если хотите.

1 голос
/ 12 апреля 2011

в этой строке есть ошибка:

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;
0 голосов
/ 12 апреля 2011

Используйте Mootools, Fx.Shake. Проверьте это из!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...