CSS / Javascript Swinging Box

时间:2015-02-26 17:17:34

标签: javascript html css

我有一个菜单框,其中包含一些指向页面的链接。我喜欢这样,如果用户"碰撞"它用光标,盒子轻微反应和猛拉(按鼠标方向摆动'推动它),然后来回摆动直到它停止。菜单在div中,我需要将内容保持在菜单的相对位置(虽然我想用它旋转)。

如何使用Javascript完成此操作?最好不要CSS。

2 个答案:

答案 0 :(得分:1)

  

如何使用Javascript完成此操作?

您需要一个能够侦听鼠标移动并报告其位置的功能。然后它将光标位置与菜单的位置边界进行比较。如果它在你的阈值范围内,那么你将相对于光标的方法向量重新定位/旋转菜单。

答案 1 :(得分:0)

如何使用jQuery Bounce?这里有一个类似的问题:JQuery UI bounce effect - bounce only once on entering div可能有所帮助。