Выпрыгивание
 

:blink: привет всем.

Как, с помощью маленького скриптика сделать "выпрыгивание" объекта?
Вот наглядный пример -


если навести на ЛЮБУЮ (правую или левую) звездочку (черный ромбик), то обе они вытягивались к центру например если делить на 2, то на 45% (10% останется интервал между ними)
вот так -


только можно без библиотек сделать по типу jQuery, что бы выпрыгивание было плавным?

Намекну:

<div name="div1" id="vyskok" style="width:600px;overflow:hidden;height:50px;border:green 1px solid;">
	<div style="float:right;width:280px;border:red 1px solid;height:40px;margin-right:-200px;"></div>
	<div style="float:left;width:280px;border:blue 1px solid;height:40px;margin-left:-200px"></div>
</div>

Можно без jquery, надо будет использовать какой-нибудь setInterval или setTimeout.

Snipe

но я хотел при наведение чтобы "вылезало" с двух сторон а не по интервалу времени.
Как выплывающее меню на JS, так же и это выплывающее...только как сделать кроссбраузерно?

Так интервал времени будет использоваться как раз для достижения эффекта плавности. Условно говоря, каждые пол секунды будете менять margin на 5 пикселей.