В этой статье разделяет пример примера специального эффекта JS Mouse для вашей ссылки. Конкретный контент заключается в следующем
Пример 1: отключить правильную кнопку мыши
<script type = "text/javascript"> // определить обратный вызов для кнопки мыши документа Document Document.onmouseDown = function (event) {// определить, является ли значение события, щелкнув правой кнопкой мыши (event.button == 2) {alert ('Отключить правый щелчок!'); // Помогаете пользователю отключить правой кнопкой мыши}} </script>0 Нет нажатия кнопки
1 Нажмите левую кнопку
2 Нажмите правую кнопку
3 Нажмите левые и правые клавиши
4 Нажмите среднюю клавишу
5 Нажмите левый и средний клавиш
6 Нажмите правые и средние ключи
7 Нажмите все ключи
Пример 2: Динамически определить форму указателя мыши
<script type = "text/javascript"> // инициализируйте функцию формы мыши initMouse () {// Получить целевой DOM через имя тега. Если это полная веб -страница, вы можете использовать body var pdom = document.getelementsbytagname ("p") [0]; // Модифицируйте форму указателя мыши стиля, указатель - это форма руки pdom.style.cursor = 'pointer'; } </script>Код атрибута имени
Целью стрелки по умолчанию: по умолчанию
Курсор формы рук: указатель
Курсор формы рук: рука
Перемещать Cross Arrow Cursor: Move
Помогите сомневаться в Марсоре: Помогите
Кроссорный курсор: Crosshair
Текст/редактор курсор: текст
Невозможно высвободить (отключить) курсор: без капля
Отключить курсор: не спущен
Автоматический курсор: Авто
Курсор: прогресс
Изменить размер вверх курсор: n-resize
Измените размер курсора: S-Resize
Измените размер на левый курсор: W-Resize
Изменить размер в правый курсор: e-resize
Измените размер левого курсора: NW-Resize
Измените размер на левый курсор: SW-Resize
Измените размер правого курсора: ne-resize
Измените размер на правый вниз курсор: SE-Resize
Пример 3: Изменения в размере шрифта, когда мышь входит и выходит
<script type = "text/javascript"> // Перемещение указателя мыши в функциональный Mover (pdom) {pdom.style.fontsize = '20px'; // Изменение размера размер шрифта до 20 пикселей} // Перемещать функцию указателя мыши Mout (pdom) {pdom.style.fontsize = ''; // Изменение размера размер шрифта по умолчанию} </script> <!-Определите область-> <p style = "Margin: 5px Auto; ширина: 100px; высота: 100px; граница: 1px solid black;" onmouseover = "Mover (это);" onmouseout = "mout (this);"> Переместить мышь в эту область </p>Пример 4:
<script type = "text/javascript"> var nowpos; // текущая позиция var mytimer; // Функция переменной таймер startIt () {// Пуск // Пуск Таймер, в 10 миллисекундах myTimer = window.setInterval ("scrollpage ()", 10); } // Остановка функция функции stopit () {// Отмена таймера clearInterval (myTimer); } // функция прокрутки функции scrollpage () {window.scrollby (0,1); // прокручивать в одном пикселе} document.onmouseDown = stopit; // Snap the Click Event Document.ondblclick = startit; // Слушайте событие двойного щелчка </script>Пример 5: Различные цвета появляются на ссылке на мышью
<script type = "text/javascript"> // Определить функцию события Mouseover defineElinkColor () {// Получить DOM из всех ссылок на веб -странице var linkdoms = document.getElementsbytagname ("a"); // Трансф ссылки dom для (var i = 0; i <linkdoms.length; i ++) {// определить обратный вызов события для каждой ссылки MouseOver Linkdoms [i] .onmouseover = function () {this.style.color = 'red'; // Измените стиль цвета для текущей ссылки} linkdoms [i] .onmouseout = function () {this.style.color = ''; // восстановить по умолчанию}}}} </script>Пример 6: недействителен шкив мыши
<script type = "text/javascript"> function init () {// Переопределение функции обратного вызова событий в шкиве документа Document.onmousewheel = function () {alert ('Использование шкивов запрещено'); // пользователю предложено не использовать шкивы возвращают false; // вернуть ложь, ничего не сделано (это предложение нельзя пропустить, иначе оно все равно будет прокручивать)}; } </script>Выше всего содержание этой статьи. Я надеюсь, что это будет полезно для каждого обучения, и я надеюсь, что все будут поддерживать Wulin.com больше.