【JS】滑鼠移動方向外掛

阿新 • • 發佈：2019-02-20

(function($){ $.fn.extend({ show : function(div){ var w = this.width(), h = this.height(), xpos = w/2, ypos = h/2, eventType = "", direct = ""

; this.css({"overflow" : "hidden", "position" : "relative"}); div.css({"position" : "absolute", "top" : this.width()}); this.on("mouseenter mouseleave", function(e){ var oe = e || event; var x = oe.offsetX; var

y = oe.offsetY; var angle = Math.atan((x - xpos)/(y - ypos)) * 180 / Math.PI; if(angle > -45 && angle < 45 && y > ypos){ direct = "down"; } if(angle > -45

&& angle < 45 && y < ypos){ direct = "up"; } if(((angle > -90 && angle <-45) || (angle >45 && angle <90)) && x > xpos){ direct = "right"; } if(((angle > -90 && angle <-45) || (angle >45 && angle <90)) && x < xpos){ direct = "left"; } move(e.type, direct) }); function move(eventType, direct){ if(eventType == "mouseenter"){ switch(direct){ case "down": div.css({"left": "0px", "top": h}).stop(true,true).animate({"top": "0px"}, "fast"); break; case "up": div.css({"left": "0px", "top": -h}).stop(true,true).animate({"top": "0px"}, "fast"); break; case "right": div.css({"left": w, "top": "0px"}).stop(true,true).animate({"left": "0px"}, "fast"); break; case "left": div.css({"left": -w, "top": "0px"}).stop(true,true).animate({"left": "0px"}, "fast"); break; } }else{ switch(direct){ case "down": div.stop(true,true).animate({"top": h}, "fast"); break; case "up": div.stop(true,true).animate({"top": -h}, "fast"); break; case "right": div.stop(true,true).animate({"left": w}, "fast"); break; case "left": div.stop(true,true).animate({"left": -w}, "fast"); break; } } } } }); })(jQuery)

【JS】滑鼠移動方向外掛

【JS】滑鼠移動方向外掛

【HTML】- 滑鼠移動時內容進行切換

【Html】滑鼠移動上去變色&移動上去變小手

【js】再談移動端的模態框實現

【JS】移動零 #陣列 #雙指標

【JS】JS常見事件，滑鼠鍵值，鍵盤keycode碼

【jetty】jetty作為maven外掛,解除JS/CSS等靜態檔案鎖定

【Unity】人物的方向跟隨滑鼠的方向

【JS】JavaScript引擎的內部執行機制

【js】vue.js v-model

【js】隨機色的2種實現方式

【js】apply&&call difference

【js】接口實現代碼

【js】this=>>4種用法

【JS】jQuery中將數組轉換成字符串join()和push()使用

【js】js選擇並排除元素

移動端二三事【二】：移動端觸摸事件點透及多種解決方案。

【JS】JavaScript禁止右鍵菜單和F12打開控制臺看代碼

【js】前臺調試，在瀏覽器調試環境下找不到js怎麽辦？

【js】setInterval動態改變定時器時間周期

【JS】滑鼠移動方向外掛

相關推薦