Javascript实现鼠标移入方向感知

2023-07-22 13:01:13 176

functiongetDir(ev,ele){ varl=ele.getBoundingClientRect().left; vart=ele.getBoundingClientRect().top; varw=ele.getBoundingClientRect().width; varh=ele.getBoundingClientRect().height; varx=(ev.clientX-l-w/2)*(w>h?(h/w):1); vary=(ev.clientY-t-h/2)*(h>w?(w/h):1); vardeg=Math.atan2(y,x)/(Math.PI/180); vard=(Math.round((deg+180)/90)+3)%4; returnd; //d的值{上:0,右:1,下:2,左:3} }

故事成功地将原本隐藏在黑暗中，用世界上最强大的毅力和最艰辛的努力去做最密不可宣和隐讳残酷的事情的忍者，描绘成了太阳下最值得骄傲最光明无限的职业。在岸本齐史笔下的忍者世界中，每一位年轻的忍者都在开拓着属于自己的忍道。

*{ margin:0; padding:0; } #container{ width:400px; height:200px; position:relative; margin-top:100px; margin-left:200px; overflow:hidden; } #containerimg{ width:100%; height:100%; transition:0.5s; } #containerp{ width:100%; height:100%; padding:10px; box-sizing:border-box; position:absolute; left:0; /*top:0;*/ background:rgba(0,0,0,.7); color:#ccc; font-size:14px; line-height:24px; } #container:hoverimg{ transform:scale(1.1); }

Javascript实现鼠标移入方向感知

热门推荐

随机推荐