光標移動錯覺

是否可以在光標位置顯示圖像（例如光標圖像），然後隱藏原圖（cursor:none;），然後使圖像移動！假設指針自身正在移動，然後使光標出現在光標圖像所在的位置。然後讓圖像消失。我不知道如何使光標出現光標移動錯覺

我讀到，出於安全原因，不可能用Javascript來移動光標，所以我只是想創造一個幻想，這對我的目的來說很好。是或否就足夠了！（所以我可以前進）沒有找到太多關於使圖像出現在光標位置！：P

來源

2014-02-23 Harlequin

這是可能的，你應該使用絕對定位的div持有光標圖像和左右移動（例如通過使用鼠標移動事件處理程序），結合光標：當然沒有。 –

圖像移動不會由用戶進行，而是通過編程的轉換/移動進行。因此，要點'光標'（它的圖像）似乎是移動iteslef（像一些幽靈控制它！） – Harlequin

An yes or no will suffice!

是

好了，讓我們回答有點更深入...

我們做我們想要的「定製」指針一個div（#bar）是在和我們將隱藏實際的指針：

<div id="bar"> 
    <div id="pointer"></div> 
</div>

設置cursor到none隱藏實際的指針，在#pointer設立的圖像作爲替代品：

body { 
    padding:50px; 
} 
#bar { 
    background-color: green; 
    width: 400px; 
    height: 400px; 
    cursor: none; 
} 
#pointer { 
    position: absolute; 
    width:32px; 
    height:32px; 
    background-image:url('//i.imgur.com/uKc3VMy.png'); 
}

添加一些JavaScript（我把jQuery的路線，但它是完全有可能使用香草JS以及）移動圖像周圍作爲指針：

$("#bar").mousemove(function (e) { 
    $('#pointer').offset({ 
     left: e.pageX, 
     top: e.pageY 
    }) 
});

樣品：http://jsfiddle.net/e9BXg/1/

來源

2014-02-23 17:17:01 RobIII

給移動指針錯覺 - 第1：使指針圖像出現在真正指針的地方。第二：讓真正的指針消失。第三：使指針圖像移動到編程座標。所以用戶會像「wtf是這樣嗎？」（所以它看起來好像指針正在自己移動）在你的例子中，它是控制指針的用戶，當它不應該！ - 儘管你的代碼在我需要幫助的時候確實有幫助！ – Harlequin

'在你的例子中，它是當它不應該控制指針的用戶！'哦！你想爲你的** complete **問題而不是一個指針（雙關語意思）在正確的方向codez！你爲什麼不這麼說？ * /我嘟something着'給一個人一條魚，喂他一天。教一個人如何釣魚，養活他一輩子*。「儘管你的代碼在我需要幫助的時候確實有幫助！」啊！那你去吧！下次我很樂意爲您提供完美的，完整的解決方案。只要確保你寄給我你的地址，以便我可以寄給你我的時間發票。 – RobIII

光標移動錯覺

回答

相關問題