последние 30 сообщений Сделать стартовой Добавить в Избранное

*сНежный форум* - территория отдыха для всей семьи!

Объявление

lead

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Эффекты для курсоров

Сообщений 1 страница 13 из 13

1

Решила побаловаться с внешним видом курсора :)

2

тающие снежинки-звездочки за курсором

Вставляем в head: (я поставила в хтмль-верх)

Остальное - в body: (соответственно в хтмль-низ)

Убрала... Пока сайт находится в пределах одной странички - эффект довольно симпатичный. Но как только прокручиваешь страничку вниз скроллингом - начинается непредсказуемое поведение этих звездочек-снежинок :(

3

Каужащийся текст вокруг курсора:

<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>

удачно работающий но Оперу у меня выбило, тормоза при открытии страниц.

4

это такие буквы типа "Добро пожаловать на мой сайт" в виде круга или дуги?.. че-т мне они не очень... мне кажется, день постояит, а потом начнет всех раздражать..

понравился эффект взлетающих звездочек при нажатии на ссылку, но я не поняла инструкции: "После этого не забываем загрузить функцию StarMouse()
командой "onload" внутрь тега body!" Это ж команду надо прописать, а как - меня харит разбираться.

5

КЛАССНО

Отредактировано P@DONOK (2006-09-08 16:27:48)

6

с фентезифлеш, работает только в ИЕ

7

Чтобы при наведении менялся на другую картинку:

8

А куда именно вставляешь <style type="text/css">
HTML, BODY {cursor: url(...);}
.punbb a:hover {cursor: url(...);}
</style> (выбирая свой стиль курсора) в основные настройки или в стиль?

9

неееееее, я в стиль вообще не лезу
в хтмль-верх стоит

10

А какие еще можно эффекты?

11

Бусинка) написал(а):

А какие еще можно эффекты?

А какие придумаешь :)

Вот на фентезифлеше такие лежат:

Эффекты с курсором
рассыпающиеся звездочки при клике
взлетающие сердечки (и не только) от курсора
тающие снежинки-звездочки за курсором
эффект волшебной палочки: разноцветные искорки
загрузка на сайт картинки-курсора (cur/ani)
смена курсора на один из стандартных
порхающая бабочка : движение за курсором
забавный эффект с текстом у курсора
разноцветные звездочки в танце с курсором

12

админка блинь, нихрена не работает!

13

Спасибо вам )