Most browsers today support a pointer style (move the mouse over the style name to see the pointer style change to that style) : Auto move no - drop col - resize All - scroll pointer not - allowed the row - the resize Crosshair progress e - resize ne - resize The default text n - resize nw - resize Help vertical - - the resize text s se - resize Inherit wait w - resize sw - resize In Windows Internet explorer 6.0 or later, the style of the pointer above is as follows:
To script the mouse pointer style of an element, you can set the element’s attribute element.style.cursor to any of the above values. (another alternative to javascript is to use attributes in an element’s HTML tag) :
function setcursorbyid(id,cursorstyle) {
if (document.getelementbyid) {
if (document.getelementbyid(id).style) {
document.getelementbyid(id).style.cursor=cursorstyle;
}
}
}
A common way to change the mouse style is to add a cursor to the style of an element if you want to move the mouse over it.