Решила побаловаться с внешним видом курсора
Эффекты для курсоров
Сообщений 1 страница 13 из 13
Поделиться22006-08-15 03:18:12
тающие снежинки-звездочки за курсором
Вставляем в head: (я поставила в хтмль-верх)
Остальное - в body: (соответственно в хтмль-низ)
Убрала... Пока сайт находится в пределах одной странички - эффект довольно симпатичный. Но как только прокручиваешь страничку вниз скроллингом - начинается непредсказуемое поведение этих звездочек-снежинок
Поделиться32006-08-15 07:15:07
Каужащийся текст вокруг курсора:
<SCRIPT><!--
ddx=0;ddy=0;PX=600;PY=0;xm=0;ym=0
OlsW=Ols.width/2;OlsH=Ols.height/2
function MoveWinnie(){
x=Math.round(PX+=((xm-PX)*3)/400)
y=Math.round(PY+=((ym-PY)*3)/400)
Ols.style.left=x-OlsW
Ols.style.top=y //osw
setTimeout("MoveWinnie()",10)
}
function doMouse(){
xm=window.event.x
ym=window.event.y //fantasyflash.ru
}
document.onmousemove=doMouse
MoveWinnie()
//--></SCRIPT>
<SCRIPT language=JavaScript>
<!-- Begin fantasyflash.ru
if (document.all) {
yourLogo = " ВАШ ТЕКСТ ";
logoFont = "Comic Sans MS";
logoColor = "red" ;
yourLogo = yourLogo.split('');
L = yourLogo.length;
TrigSplit = 360 / L;
Sz = new Array()
logoWidth = 150;
logoHeight = -40;
ypos = 0;
xpos = 0;
step = 0.03;
currStep = 10;
document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < L; i++) {
document.write('<div id="ie" style="position:absolute;top:0px;left:0px;'
+'width:10px;height:10px;font-family:'+logoFont+';font-size:12px;'
+'color:'+logoColor+';text-align:center">'+yourLogo[i]+'</div>');<!--fantasyflash.ru-->
}
document.write('</div></div>');
function Mouse() {
ypos = event.y;
xpos = event.x - 5;
}
document.onmousemove=Mouse;
function animateLogo() {
outer.style.pixelTop = document.body.scrollTop;
for (i = 0; i < L; i++) {
ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180);//osw
ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180);
Sz[i] = ie[i].style.pixelTop - ypos;
if (Sz[i] < 5) Sz[i] = 5;
ie[i].style.fontSize = Sz[i] / 1.7;
}
currStep -= step;
setTimeout('animateLogo()', 20);
}
window.onload = animateLogo;
}
</SCRIPT>
удачно работающий но Оперу у меня выбило, тормоза при открытии страниц.
Поделиться42006-08-15 07:18:40
это такие буквы типа "Добро пожаловать на мой сайт" в виде круга или дуги?.. че-т мне они не очень... мне кажется, день постояит, а потом начнет всех раздражать..
понравился эффект взлетающих звездочек при нажатии на ссылку, но я не поняла инструкции: "После этого не забываем загрузить функцию StarMouse()
командой "onload" внутрь тега body!" Это ж команду надо прописать, а как - меня харит разбираться.
Поделиться52006-09-08 16:26:39
КЛАССНО
Отредактировано P@DONOK (2006-09-08 16:27:48)
Поделиться62006-09-19 02:28:28
с фентезифлеш, работает только в ИЕ
Поделиться72006-09-19 02:29:50
Чтобы при наведении менялся на другую картинку:
Поделиться82006-10-17 17:35:40
А куда именно вставляешь <style type="text/css">
HTML, BODY {cursor: url(...);}
.punbb a:hover {cursor: url(...);}
</style> (выбирая свой стиль курсора) в основные настройки или в стиль?
Поделиться92006-10-17 23:42:13
неееееее, я в стиль вообще не лезу
в хтмль-верх стоит
Поделиться102007-04-30 14:20:34
А какие еще можно эффекты?
Поделиться112007-05-14 14:34:57
А какие еще можно эффекты?
А какие придумаешь
Вот на фентезифлеше такие лежат:
Эффекты с курсором
рассыпающиеся звездочки при клике
взлетающие сердечки (и не только) от курсора
тающие снежинки-звездочки за курсором
эффект волшебной палочки: разноцветные искорки
загрузка на сайт картинки-курсора (cur/ani)
смена курсора на один из стандартных
порхающая бабочка : движение за курсором
забавный эффект с текстом у курсора
разноцветные звездочки в танце с курсором
Поделиться122013-06-18 22:13:01
админка блинь, нихрена не работает!
Поделиться132017-03-30 22:11:25
Спасибо вам )