Tag: 圈

如何使hover触发动画仅在具有半径边界与jquery的div中的圆形区域上

我不是程序员，我正在尽力解决这个问题，但经过几个小时和头痛我放弃了，我正在寻求帮助。 我有一个圆形徽标（一个半径为px足以成为圆形的div和一些文本），当我hover在徽标后面时，我会有一个动画从徽标后面出来。 我注意到我的动画是在圆形徽标和带有徽标的div（它仍然是正方形）之间的“空白区域”上触发的。 目前我的脚本是这样的： $(“#logo”).hover(function(event){ // Hovering myHover = “transition”; $(“#black”).stop().animate({“top”:”-200px”}, speed/2, function(){ myHover = 1; }); },function(event){ // Finish hovering myHover = “transition”; $(“#black”).stop().animate({“top”:”0px”}, speed/2, function(){ myHover = 0; }); }); 我试着在网上和堆栈溢出上寻找能帮助我的东西，而我发现它最接近的是： http://jsbin.com/oqewo – 来自其他问题准确地检测具有圆角的div的鼠标hover事件 我试图实现它，我确实提出了一些不够流畅的动画（我尝试调试试图在徽标上使用鼠标前后移动以查看脚本的反应）： $(“.myCircle”).hover( // when the mouse enters the box do… function(){ var $box = $(this), offset = $box.offset(), radius […]

如何使用jQuery创建具有不同对象的圆形动画？

如何使用jQuery创建具有不同对象的圆形动画。 我试过自己，但问题是我的脚本运行不顺畅。 我想要这个有生命力的但是顺利的方式： 努力 ： http ： //jsfiddle.net/eT7SD/ Html代码 Css代码 #apCenterDiv { position:absolute; width:200px; height:115px; z-index:1; left: 571px; top: 209px; } #apDiv1 { position:absolute; width:200px; height:115px; z-index:2; left: 570px; top: 4px; } #apDiv2 { position:absolute; width:200px; height:115px; z-index:3; left: 821px; top: 134px; } #apDiv3 { position:absolute; width:200px; height:115px; z-index:4; left: 822px; top: 328px; } #apDiv4 […]