jQuery的 - 文本以下光標

我知道：幾乎沒有JavaScript的基本的HTML和CSSjQuery的 - 文本以下光標

所以 - 我的目標：有文字的短線跟隨光標當且僅當光標在一個div或圖像。當光標不在div或圖像上時，我不希望在任何地方看到文字。

我發現的jsfiddle頁面上類似的東西，我也從中作了如下.html和.css文件：

.html文件：

<!DOCTYPE html> 
<html> 
<head> 

<link href="css/lern.css" rel="stylesheet" type="text/css" /> 

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 

<script type="text/javascript"> 
$(function(){ 
    $(index.html).bind('mousemove', function(e){ 
     $('#tail').css({ 
      left: e.pageX + 5, 
      top: e.pageY - 20 
     }); 
    }); 
}); 
</script> 

</head> 

<body> 



<div id="tail"> 
    <p>Farewell</p> 
    <p>N.C. Hunter Hayden</p> 
</div> 


</body> 
</html>

.css文件：

@charset "UTF-8"; 
/* CSS Document */ 

#tail 
{ 
position: absolute; 
}

這是輸出：

â€< 告別

北卡羅來納州獵人海登

如果有人想花時間耐心這樣的綠色人解釋作爲我來說，這將是非常讚賞。如果你有更好的事情要做，我完全明白。你一天要做很多事情，你知道我的意思嗎？

我想我已經給出了所有的信息，但是如果你需要更多，請問。

無論如何，無論如何，至少要設法閱讀這一點。你真棒。保持！

祝您有美好的一天。明天也有相當不錯的一個，如果我沒有得到另一個改變告訴你。

-Oijl

來源

2012-08-06 Oijl

只要改變index.html到document。

您不想按文件名選擇文檔，而是通過其實際選擇器來選擇文檔。

Here它在行動中。

來源

2012-08-06 21:41:48 Purag

這是如此邪惡......我點擊你的小提琴並移動鼠標。然後我注意到我的顯示器上出現了一些藍色的「劃痕」。我嚇壞了！任何人在Chrome上獲得這個？雖然工作很好！它只發生從右到左，哈！ – Tobias 2012-08-06 21:58:50

@Tobias：哇，我其實也得到了這些。奇怪......我得看看它。 – Purag 2012-08-06 22:13:16

它沒有任何意義，但它非常靈敏，哈哈。我試着在CSS中檢查一些「丟失」的Fiddle類/ id，但沒有運氣。告訴我們你是否知道：D – Tobias 2012-08-06 22:38:47

jQuery的 - 文本以下光標

回答

相關問題