Вокруг курсора вращается красивый мигающий круг.
Этот скрипт подойдёт только для сайтов с тёмным дизайном (для светлых дизайном его будет плохо видно!)
Установка:
Код вставляем на страницу, где хотите видеть этот эффект между <head> и </head>:
Code
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
ns = (document.layers)?1:0;
Clrs = new Array('ff0000','00ff00','ffffff','ff00ff','ffa500','ffff00','00ff00','ffffff','ff00ff')
yBase = 0;
xBase = 0;
step = 3;
currStep = 0;
Ypos = 0;
Xpos = 0;
if (ns){
for (i = 0; i < 14; i++)
document.write('<LAYER NAME="n'+i+'" LEFT=0 TOP=0 CLIP="0,0,'+i/4+','+i/4+'"></LAYER>');
window.captureEvents(Event.MOUSEMOVE);
function nMouse(evnt){
Ypos = evnt.pageY;
Xpos = evnt.pageX;
}
window.onMouseMove = nMouse;
}
else{
document.write('<div style="position:absolute;top:0;left:0"><div style="position:relative">');
for (i=0; i < 14; i++)
{document.write('<div id="me" style="position:absolute;top:0;left:0;width:'+i/4+';height:'+i/4+';font-size:'+i/4+'"></div>')}
document.write('</div></div>');
function iMouse() {
Ypos = event.y+document.body.scrollTop;
Xpos = event.x+document.body.scrollLeft;
}
document.onmousemove = iMouse;
}
function Comet() {
var yBase = (document.layers)?window.innerHeight/4:window.document.body.clientHeight/4;
var xBase = (document.layers)?window.innerWidth/4:window.document.body.clientWidth/4;
for (i = 0; i < 14; i++){
var randCol = Math.round(Math.random()*8);
var layer = (document.layers)?document.layers['n'+i]:me[i].style;
layer.top =Ypos + yBase*Math.cos((currStep+i*4)/12)*Math.cos(0.7+currStep/200);
layer.left = Xpos + xBase*Math.sin((currStep+i*3)/10)*Math.sin(8.2+currStep/400);
if (ns) layer.bgColor = Clrs[randCol];
else
layer.background = Clrs[randCol];
}
currStep += step;
setTimeout("Comet()",10);
}
window.onload = Comet;
// End -->
</script>
Материалы на эту же тему:
Скрипт "Красивая кнопка для печати страницы"
Скрипт "Два блока в одном"
Скрипт "Описание групп в статистике форума"
Скрипт "Новый вид бокового ползунка (полосы прокрутки)"
Скрипт "Кнопка Google+ для форума Ucoz"
Индикатор символов в мини-чате Ucoz
Скрипт "Счётчик символов и слов в тексте"
Скрипт "bb-код для форума "Мигающий текст"
Скрипт "Уведомление о новом сообщении в мини-чате"
Скрипт "Раздвижной Вид материалов для форума Ucoz"
Скрипт "Новая кнопка добавить новость"
Скрипт "Красивая иконка ленты новостей RSS"