Website Help

**BROCKSTER** · 04-20-2003, 05:10 PM

im doing my site AGAIN but im going for broke this time

i wanna make it reeeeeealy good.

ive seen on sites when you move your cursour over the page text follows it like all springy is it possible to do this in front page 2000 by puttin the html code in to it manually please help it looks wicked.cud u pm me with the code please???

**Lamsey** · 04-20-2003, 06:29 PM

I doubt that it's done using HTML, it's more of an enhanced text formatting standard.

It's probably done using some sort of embedded applet that starts up automatically when you view the page.

**[B][O][T]** · 04-20-2003, 06:37 PM

move your cursour over the page text follows it like all springy is it possible to do this in front page 2000 by puttin the html code in to it manually

That's Javascript....You can go here for one example. You can also check My link in My signature I got a lot of Javascript there (not to download).

BOT

**BROCKSTER** · 04-20-2003, 06:40 PM

bot the example on that site is EXACTLY wot i was lookin for but how do i get it to work on my site?? thanks for helping

**[B][O][T]** · 04-20-2003, 06:55 PM

Great then copy the code below and put it in Your <HEAD> </HEAD>

Code:

&#60;STYLE&#62;
.spanstyle {
 &nbsp; &nbsp;position&#58;absolute;
 &nbsp; &nbsp;visibility&#58;visible;
 &nbsp; &nbsp;top&#58;-50px;
 &nbsp; &nbsp;font-size&#58;12pt;
 &nbsp; &nbsp;font-family&#58;Verdana;
 &nbsp; &nbsp;font-weight&#58;bold;
 &nbsp; &nbsp;color&#58;steelblue;
}
&#60;/STYLE&#62;

&#60;script&#62;
var message=&#34;BROCKSTER&#34;.split&#40;&#34;&#34;&#41;;
var x;
var y;
var step=15;
var xpos=new Array&#40;&#41;;
var ypos=new Array&#40;&#41;;

function mouseMoved&#40;e&#41;{
 &nbsp; &nbsp;x = &#40;document.layers&#41; ? e.pageX &#58; document.body.scrollLeft+event.clientX;
 &nbsp; &nbsp;y = &#40;document.layers&#41; ? e.pageY &#58; document.body.scrollTop+event.clientY;
}

function makesnake&#40;&#41; {
 &nbsp;var thisspan;
 &nbsp; &nbsp;for &#40;var i=message.length-1; i&#62;=0; i--&#41; {
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;xpos&#91;i&#93;=xpos&#91;i-1&#93;+step;
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;ypos&#91;i&#93;=ypos&#91;i-1&#93;;
 &nbsp; &nbsp;}
 &nbsp; &nbsp; &nbsp; &nbsp;xpos&#91;0&#93;=x+step;
 &nbsp; &nbsp; &nbsp; &nbsp;ypos&#91;0&#93;=y;
 &nbsp; &nbsp;
 &nbsp; &nbsp; &nbsp; &nbsp;for &#40;var i in message&#41; {
 &nbsp; &nbsp;if &#40;document.all&#41; {
 &nbsp; &nbsp; &nbsp; &nbsp;thisspan = eval&#40;&#34;span&#34;+&#40;i&#41;+&#34;.style&#34;&#41;;
 &nbsp; &nbsp; &nbsp; &nbsp;thisspan.posLeft=xpos&#91;i&#93;;
 &nbsp; &nbsp; &nbsp; &nbsp;thisspan.posTop=ypos&#91;i&#93;;
 &nbsp; &nbsp;} else if &#40;document.layers&#41; {
 &nbsp;thisspan = eval&#40;&#34;document.span&#34;+i&#41;;
 &nbsp; &nbsp; &nbsp; &nbsp;thisspan.left=xpos&#91;i&#93;;
 &nbsp; &nbsp; &nbsp; &nbsp;thisspan.top=ypos&#91;i&#93;;
 &nbsp; &nbsp;}
 &nbsp; &nbsp;}

}
var timer = null;
function startSnake&#40;&#41; {
 &nbsp;for &#40;var i in message&#41; {
 &nbsp; &nbsp; &nbsp;xpos&#91;i&#93;=-50;
 &nbsp; &nbsp; &nbsp;ypos&#91;i&#93;=-50;
 &nbsp;}
 &nbsp;setTimeout&#40;&#39;timer=setInterval&#40;&#34;makesnake&#40;&#41;&#34;,30&#41;;&#39;,1000&#41;;
}
startSnake&#40;&#41;;
for &#40;var i in message&#41; {
 &nbsp;document.write&#40;&#34;&#60;span id=&#39;span&#34;+i+&#34;&#39; class=&#39;spanstyle&#39;&#62;&#34;&#41;
 &nbsp;document.write&#40;message&#91;i&#93;&#41;;
 &nbsp;document.write&#40;&#34;&#60;/span&#62;&#34;&#41;;
}

if &#40;document.layers&#41; { document.captureEvents&#40;Event.MOUSEMOVE&#41;; }
document.onmousemove = mouseMoved;

&#60;/script&#62;