Ändern Sie den Cursor zum Zeiger auf den Hover rechten Seite von td

Question

Ich habe eine Tabelle mit TDs. Ich möchte es so, dass der Benutzer sieht den Cursor in einen Zeiger zu ändern, wenn er der rechten Grenze der spezifischen td erreicht, und kehren Sie zurück zum normalen Zeiger, wenn der Benutzer nicht den rechten Rand schwebt.

Viel gegoogelt, aber ich kann keine Antwort finden. Es gibt Hoffnung, dass hier jemand mir helfen kann ...?

Ich möchte, dass es reines CSS ist, aber vielleicht gibt es auch Bedarf für eine Abfrage?

Answer 1

CSS können Sie das Verhalten der Typ des Cursors in Ihrem Fall ändern, können Sie

your_td_tag:hover { 
    cursor:progress 
} 

verwenden Wenn Sie speziell nur wählen Grenze wollen, müssen Sie

$('div').click(function(e){ 
    if( e.offsetX <= parseInt($(this).css('borderLeftWidth'))){ 
     $("div").css("cursor:progress"); 
    } 
}); 

einige Javascript Hacky Sachen verwenden

hier div kann durch ein beliebiges Tag ersetzt werden und Cursor-Fortschritt kann durch Ihren gewünschten Cursor ersetzt werden.

gibt es verschiedene Arten von Cursor standardmäßig verfügbar auto Fadenkreuz Standard E-Größe ändern greifen Hilfe bewegen n-Größe ändern ne-Größe ändern nw-Größe ändern Zeiger Fortschritt s-Größe ändern se-Größe ändern sw-Größe ändern Text w-Größe ändern warten nicht-erlaubt kein Drop

können Sie auch Ihre benutzerdefinierten Cursor verwenden als

your_td_tag_selector:hover{ 
cursor: url('some-cursor.ico'), default; 
} 

die hier standardmäßig folgt, wird als Ausweichmechanismus verwendet, so wenn some-cursor.ico nicht unterstützt wird verfügbar oder nicht es wird zurückfallen Cursor auf Standard.

lassen Sie mich wissen, wenn es Ihr Problem löst ..