Изменение курсора мыши на странице HTML
Те я могу думать...
-
инварианты Цикла всегда являются хорошим для наблюдения.
-
Запись E_STRICT и совместимый код E_NOTICE, особенно если Вы регистрируете ошибки.
-
Избегают оператор.
-
Полные пути для требуют и включают.
-
ремни для правки бритв Использования, str_replace и т.д. вместо регулярных выражений, когда это возможно.
Тогда существует набор других методов, которые могли бы работать, но вероятно привычка приносит Вам много пользы.
5 ответов
Спасибо за ответы. Наконец-то это заработало. Вот как я это сделал:
<html>
<head>
<script type="text/javascript">
function changeToCursor1(){
document.body.style.cursor="url('cursor1.ani'),url('cursor1.cur'), default";
}
function changeToCursor2(){
document.body.style.cursor="url('cursor2.ani'),url('cursor2.cur'), default";
}
</script>
</head>
<body>
<form>
<input type="button" value="Change to cursor 1" onclick="changeToCursor1()" /><br>
<input type="button" value="Change to cursor 2" onclick="changeToCursor2()" />
</form>
</body>
Я обнаружил, что для того, чтобы заставить его работать в Firefox, вы должны передать как минимум 2 варианта курсоров, например, cursor = "url ('cursor1.cur'), по умолчанию " Иначе это не сработает. Также в Firefox он не работает с ани-курсорами, только с cur. Вот почему я поставил собаку после ани. Ani будет отображаться в IE, а cur - в Firefox.
Кто-нибудь знает, можно ли изменить курсор в IE без появления предупреждения active-X и необходимости принятия пользователем?
// Get the element you want to change the cursor for
var el = document.getElementById('yourID');
// This image url is relative to the page url
el.style.cursor="url(pathToImage.png)";
//you can set all the normal cursors like this
someElem.style.cursor = 'progress';
Какой специальный курсор вам нужен? ... может быть, есть лучший вариант.
Это просто, если вы хотите сделать это только для ссылок. Вот вам пример CSS:
a:hover { cursor: crosshair; } #this is when you mouseover the link
a:active { cursor: wait; } #this is the moment you click it
Поскольку: active не будет работать для других элементов, кроме a, вы можете использовать Javascript, заявленный Prestaul и scunliffe.