實(shí)現(xiàn)原理

創(chuàng)新互聯(lián)主營定南網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,成都APP應(yīng)用開發(fā),定南h5成都微信小程序搭建,定南網(wǎng)站營銷推廣歡迎定南等地區(qū)企業(yè)咨詢

1.onmousemove事件觸發(fā)時(shí)不斷更新鼠標(biāo)的pageXY改變位置，

登陸框的偏移量=鼠標(biāo)當(dāng)前位置-鼠標(biāo)到登錄框邊框的距離

2.onmousedown鼠標(biāo)摁下時(shí)觸發(fā)事件獲取鼠標(biāo)到登陸框的距離，再設(shè)置true允許拖拽

3.onmouseup 鼠標(biāo)彈起設(shè)置false停止拖拽

4.登錄框居中顯示公式：(可視區(qū)域?qū)捀?登錄框?qū)捀?/2

5.當(dāng)瀏覽器窗口大小變化時(shí)觸發(fā)事件window.onresize 再更新登陸框居中顯示

代碼中有詳細(xì)的注釋

完整代碼

 
 

 
 登錄
 
 
 
 

以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時(shí)也希望多多支持創(chuàng)新互聯(lián)！