In this tutorial, we will discuss about how to apply 'append' & 'fade out/in' on mouse hover using jQuery. In this Example, a list is given , if we hover on first two element, "<<<" is appended on it, to show mouse pointing. If we hover on last two elements ,"<<<" is appended on it & it will fade out/in to show mouse pointing. The fadeout is set to100 millisecond & fadein is set to 500 milliseconds.
When we hover on second element of the list :
When we hover on last two elements ., it will fade in/out + append string "<<<" :
Recommend the tutorial