В этой статье описывается метод JS для перемещения текста с мышью. Поделитесь этим для вашей ссылки. Конкретный анализ заключается в следующем:
Это очень простой код функции мыши. При перемещении мыши на веб -странице мышь перемещается по строке текста после мыши.
Скопируйте код следующим образом: <html>
<голова>
<стиль типа = "text/css">
.spanstyle {
Цвет: 000000; Размер шрифта: 10pt; Позиция: абсолютно; Верх: -50px; Видимость: видимо
}
</style>
<Скрипт>
var x, y
var step = 18 // Это интервал между двумя соседними символами
var flag = 0
var message = "wulin.com www.vevb.com Добро пожаловать на ваш визит!" // Поместите текст, который вам нужно отобразить здесь
Message = message.split ("") // разложить строку в массив
var xpos = new Array () // Создать массив для записи X-координатов каждой позиции
for (i = 0; i <= message.length-1; i ++) {// Присвоить начальное значение каждому элементу сначала
xpos [i] =-50
}
var ypos = new Array () // Создать массив для записи координат y каждой позиции
for (i = 0; i <= message.length-1; i ++) {
ypos [i] =-200
}
Функция MoveHandler (e) {// обрабатывать события движения мыши
x = (document.layers)? e.pagex: document.body.scrollleft+event.clientx // направлять горизонтальное положение мыши в соответствии с браузером
y = (document.layers)? e.pagey: document.body.scrolltop+event.clienty // Запишите вертикальное положение мыши
flag = 1 // положение мыши изменилось и необходимо пересмотреть
}
функция makenake () {
if (flag == 1 && document.all) {// Если это IE
for (i = message.length-1; i> = 1; i--) {// Обработка координат
xpos [i] = xpos [i-1]+step // Перемещение каждой координат данных одной сетки и добавить интервал между символами
ypos [i] = ypos [i-1]
}
xpos [0] = x+step // Записать новые данные в хвост очереди данных координат
ypos [0] = y
for (i = 0; i <message.length-1; i ++) {
var thisspan = eval ("span"+(i)+". Style") // Создание текущего объекта операции spanx.style
thisspan.posleft = xpos [i]
thisspan.postop = ypos [i]
}
}
else if (flag == 1 && document.layers) {// Если это ns
for (i = message.length-1; i> = 1; i--) {// Обработка координат
xpos [i] = xpos [i-1]+step // Перемещение каждой координат данных одной сетки и добавить интервал между символами
ypos [i] = ypos [i-1]
}
xpos [0] = x+step // Записать новые данные в хвост очереди данных координат
ypos [0] = y
for (i = 0; i <message.length-1; i ++) {// Изменить координаты слоя, где каждое слово расположено в соответствии с данными массива
var thispan = eval ("document.span"+i) // Сгенерировать текущий объект операции Document.spanx
thisspan.left = xpos [i]
thisspan.top = ypos [i]
}
}
var timer = settimeout ("manesnake ()", 30) // Через 30 миллисекунд регулируйте положение каждого символа в соответствии с ситуацией.
}
</script>
</head>
<body bgcolor = "ffffff" onload = "manesnake ()">
<Скрипт>
<!- начало JavaScript-
// Здесь мы генерируем пролет в качестве контейнера для каждого слова
for (i = 0; i <= message.length-1; i ++) {
document.write ("<span id = 'span"+i+"' class = 'spanstyle'>")
document.write (сообщение [i])
document.write ("</span>")
}
// указать процесс обработки событий движения мыши
if (document.layers) {
Document.CaptureEvents (Event.MouseMove);
}
Document.onmouseMove = MoveHandler;
// - конец JavaScript - ->
</script>
</body>
<br> <b> это эффект очень крутой? </b> </br>
</html>
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.