Move your mouse over this link

 
.רושיק דייל םידקמתמ , ףדב םיבבוס םיבכוכ


<html>
<head>
<TITLE>Cool Linkmarker with DHTML-animated circle</TITLE>

<meta NAME="keywords" CONTENT="DHTML, link, marquee, mouse, onmouseomve, Dynamic HTML, CSS, rollover, animation, style, stylesheet, download, free, samples, applet, text animation, headline, copy, ticker, scroller, JavaScript">

<meta NAME="description" CONTENT="Install this little funscript and your textlinks will draw more attention onMouseover. Cross-browserIE4.x and NN4.x">

<script>
<!-- Beginning of JavaScript -

/*
Linkmarker with DHTML-animated circle by Peter Gehrig http://www.24fun.ch, -- הפמ חוקל טפירקסה info@24fun.ch, 10/31/1999
*/

var x,y
var step=5
var flag=1
var pause
var timersmall
var timerbig

var isbigcircle=1

var pause=50

var bigradius
var smallradius=50
var startwinkel=1

var imgnumber=12
var imgsrc="star111.gif"

var xcenter
var xcenter

var pi= Math.PI

function onresizer() {
clearTimeout(timerbig)
clearTimeout(timersmall)
initiate()
}

function initiate() {
var initiatetimer=setTimeout("initiate2()",2000)
}

function initiate2() {
if (document.layers) {
xcenter=Math.floor(screen.width/2)
ycenter=Math.floor(window.innerHeight/2)
}
if (document.all) {
xcenter=Math.floor(document.body.clientWidth/2)
ycenter=Math.floor(document.body.clientHeight/2)

}
bigradius=ycenter
bigcircle()
}

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

function bigcircle() {
if (isbigcircle==1) {
if (document.all) {
for (i=1; i<=imgnumber; i++) {
var thisspan = eval("document.all.span"+(i)+".style")
thisspan.posLeft=((xcenter-20)*Math.cos(startwinkel*(pi/180)))+xcenter
thisspan.posTop=((ycenter-20)*Math.sin(startwinkel*(pi/180)))+ycenter
startwinkel=startwinkel+30
}
}
if (document.layers) {
for (i=1; i<=imgnumber; i++) {
var thisspan = eval("document.span"+i)
thisspan.left=((xcenter-150)*Math.cos(startwinkel*(pi/180)))+(xcenter-145)
thisspan.top=((ycenter-20)*Math.sin(startwinkel*(pi/180)))+ycenter
startwinkel=startwinkel+30
}
}
step=step+5
startwinkel=step
timerbig=setTimeout("bigcircle()",pause)
}
else {
isbigcircle=0
clearTimeout(timerbig)
}
}

function presmallcircle() {
isbigcircle=0
clearTimeout(timerbig)
smallcircle()
}

function prebigcircle() {
isbigcircle=1
clearTimeout(timersmall)
bigcircle()
}

function smallcircle() {
if (isbigcircle==0) {
if (document.all) {
for (i=1; i<=imgnumber; i++) {
var thisspan = eval("document.all.span"+(i)+".style")
thisspan.posLeft=(smallradius*Math.cos(startwinkel*(pi/180)))+x
thisspan.posTop=(smallradius*Math.sin(startwinkel*(pi/180)))+y
startwinkel=startwinkel+30
}
}
if (document.layers) {
for (i=1; i<=imgnumber; i++) {
var thisspan = eval("document.span"+i)
thisspan.left=(smallradius*Math.cos(startwinkel*(pi/180)))+x
thisspan.top=(smallradius*Math.sin(startwinkel*(pi/180)))+y
startwinkel=startwinkel+30
}
}
step=step+5
startwinkel=step
timersmall=setTimeout("smallcircle()",pause)
}
else {
isbigcircle=0
clearTimeout(timersmall)
}
}

window.onoad=initiate()
// - End of JavaScript - -->
</script>

<STYLE>
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:10pt;
font-family:Verdana;
color:FF0000
}

.linktofun {
position:absolute;
top:240px;
left:10px;
width:560px;
color: 000000;
text-align:center;
font-size:9pt;
font-family:Arial;
font-weight:bold;
}

.explain {
position:absolute;
top:40px;
left:10px;
width:560px;
color: 000000;
text-align:center;
font-size:9pt;
font-family:Arial;
font-weight:bold;
}
A { font-family: Arial,Helvetica,sans-serif;
color: #000000;
text-decoration:underline
}
A:visited {
color: #000000;
}
</STYLE>

</HEAD>
<body bgcolor="#FFFFFF">

<script>
<!-- Beginning of JavaScript -

for (i=1;i<=imgnumber;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>")
document.write("<img src='"+imgsrc+"'>")
document.write("</span>")
}

if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
document.onresize = onresizer;

// - End of JavaScript - -->
</script>


<DIV id=source class="explain"><a href="http://www.24fun.ch" target="_blank" onMouseOver="presmallcircle()" onMouseOut="prebigcircle()">Move your mouse over this link</a></DIV>

<DIV id=source class="linktofun"><a href="http://www.24fun.ch" target="_blank" onMouseOver="presmallcircle()" onMouseOut="prebigcircle()">Download over 100 funscripts for free.</a></DIV>

</body>
</html>