如何取消淡出？

我其實不確定這是否是正確的問題。我不確定這裏有什麼問題。但無論如何。我正在嘗試創建一個表格，其中每個圖塊顯示一個隨機顏色，然後在將鼠標移到該圖標後消失。現在，我可以在鼠標移過時更改平鋪顏色，但無法正確消退，因爲當它消失時，我無法再將它重新粘貼到其上。到底怎樣才能讓它在每次消失後重新開始？這是我爲我的腳本之一的瓷磚。如何取消淡出？

document.onmouseover= userMoved; 
    function userMoved(event) { 
    var x = event.clientX; 
    var y = event.clientY; 
    var coords = "X coords: " + x + ", Y coords: " + y; 

    var index = Math.round(Math.random() * 9); 
    var ColorValue = "FFFFFF"; 
     if(index == 1) 
     ColorValue = "FFCCCC"; 
     if(index == 2) 
     ColorValue = "CCAFFF"; 
     if(index == 3) 
     ColorValue = "A6BEFF"; 
     if(index == 4) 
     ColorValue = "99FFFF"; 
     if(index == 5) 
     ColorValue = "D5CCBB"; 
     if(index == 6) 
     ColorValue = "99FF99"; 
     if(index == 7) 
     ColorValue = "FFFF99"; 
     if(index == 8) 
     ColorValue = "FFCC99"; 
     if(index == 9) 
     ColorValue = "CCCCCC"; 
    if (x>100 && x<201 && y>100 && y<200){ 
     document.getElementById("row1column1").style.backgroundColor = "#"+ColorValue; 
     $(document).ready(function(){ 
     $("#row1column1").mouseleave(function(){ 
      $("#row1column1").fadeOut(); 
     }); 
     }); 
    }

來源

2015-11-24 purpledots

可以包括在'問題html'其顯示覆位？，創建stacksnippets來演示？ – guest271314

你可以在包含你的html的JSFiddle中做到這一點？ – Marc

'$（document）.ready（function（）{'你不需要它在你的函數 – Ramanlfc

問題是.fadeOut（）減少了不透明度直到達到0，此時元素的顯示設置爲none。（並且不透明度重置爲1）。

你的元素都需要有，當你滿足您的onmouseover條件

document.getElementById('row1column1').style.display='';

來源

2015-11-24 03:00:44

簡單的小提琴演示概念https://jsfiddle.net/t66b6ebL/ –

雖然這可行，但有時如果我將鼠標懸停在磁貼上太快，我會收到一條錯誤，指出「無法讀取null屬性」樣式「。修復這個問題？ – purpledots

你可以發佈一個工作小提琴或至少一些html？ –

如何取消淡出？

回答

相關問題