Бесплатные скрипты : JavaScripts

главная добавить в избранное карта сайта контакт
Бесплатные скрипты

Графика
Навигация, кнопки, меню...
Окна
Скроллинг
Статистика
Текст, ссылки...
Формы
Фреймы
Часы, календари, калькуляторы...
Разное



Регистрация сайта в каталогах, раскрутка и оптимизация сайта, контекстная реклама

Бесплатные JavaScripts



При наведении на ссылку выскакивает рисунок



Скрипт


<HTML>
<HEAD>

<SCRIPT>
<!--

var x,y
var timer
var i_fontsize=0
var step=0
var thisx,thisy

function handlerMM(e){
x = (document.layers) ? e.pageX : event.clientX
y = (document.layers) ? e.pageY : event.clientY
}

function ringup() {
if (document.all) {
thisx = x
thisy = y
ringup2()
}
}

function ringup2() {
if (i_fontsize<=1530) {
document.all.ring.style.fontSize=i_fontsize
document.all.ring.style.color="rgb(255,"+Math.floor(i_fontsize/6)+","+Math.floor(i_fontsize/6)+")"
document.all.ring.style.posLeft=thisx-(Math.floor(i_fontsize/3))
document.all.ring.style.posTop=thisy-(Math.floor(i_fontsize/1.4))
step+=4
i_fontsize+=step
timer=setTimeout("ringup(2)",50)
}
else {
clearTimeout(timer)
i_fontsize=0
step=0
document.all.ring.style.posTop=-10000
}
}

document.onmousemove = handlerMM;

// - End of JavaScript - -->
</SCRIPT>

<STYLE>
.ringstyle { COLOR: #ff0000; FONT-FAMILY: Verdana; FONT-SIZE: 5pt; POSITION: absolute; TOP: -50px; VISIBILITY: visible}
.explain { COLOR: #000000; FONT-FAMILY: Times; FONT-SIZE: 20pt; LEFT: 40px; POSITION: absolute; TEXT-ALIGN: center; TOP: 80px; WIDTH: 480px}
A { COLOR: #000000; FONT-FAMILY: Times; TEXT-DECORATION: underline}
A:visited { COLOR: #000000}
</STYLE>

</HEAD>

<BODY bgColor=#ffffff>

<DIV class=ringstyle id=ring>o</DIV>

<DIV class=explain id=redirection>Подведите мышь <A href="#" onmouseover=ringup() target=_blank>к ссылке</A>.<BR>
</DIV>

</BODY>
</HTML>

Пример работы скрипта


Пример






DOWNLOADSCRIPTS © 2009-