jquery - 将鼠标悬停在 div 上时绘制一个圆圈

Question

我已经寻找过这个问题，找到了一些答案，但这并不是我真正需要的。

我对jquery不太有经验，但我已经做了悬停功能!当我将鼠标悬停在 div 上时，它会调整大小。 我想添加到此效果的是:在同一悬停时，将在图像周围绘制一个圆圈。

我已经看到人们添加盒子半径的答案。但我正在寻找的是你实际上看到了正在绘制的圆圈。 0:49 秒处的示例(有点随机，但该视频显示了我需要的效果):

http://www.youtube.com/watch?feature=player_detailpage&v=jCdNnaTzItM#t=45s

我希望这是可能的!

我的代码:

$('li#balk1').hover(
    function(){ $(".ad").css('transform', 'scale(1.2)'); },
    function(){ $(".ad").css('transform', 'scale(1)'); } 
);

“.ad”周围应该有一个圆圈

Answer 1

好吧，事实证明你可以做到这一点，我已经抛出了 fiddle修改this解决方案。我相信它依赖于 tween 和 curve 插件的使用，第二个链接中对此进行了更详细的解释。