How?

[heysus]

You know when you go to some sites and the words follow yourmouse cursor around. i'm trying to get the word WELCOME to follow the cursor around. How would i code this and where would i put the code at?

/*<agl.folder "Top">*/	#banner-ad { display: none; }	#page-header-custom { color: #000000; background-color: #990000; background-image: url(http://smugglercorp.spruz.com/user/51956/gallery/backgrounds/Battlefield/Banner-Style/Soldier-in-the-Sun.jpg); background-repeat: repeat; text-align: center; position: static; width: 100%; height: 137px; margin: 0; }	#login-area-custom-outer { display: block; position: relative; z-index: 900; height: 20px; }	#login-area-custom { background-image: none; position: absolute; top: 0px; left: 0; width: auto; height: 20px; z-index: 900; margin: 0; padding: 0 80px 0 20px;  }	#page-header { color: #000000; background-color: #990000; background-image: url(http://smugglercorp.spruz.com/user/51956/gallery/backgrounds/Battlefield/Banner-Style/Soldier-in-the-Sun.jpg); background-repeat: repeat; text-align: center; position: static; width: 100%; height: 137px; margin: 0; }	#page-header h1 { font-size: 30px; font-family: verdana; text-align: center; position: absolute; top: 11px; left: 155px; display: block; width: auto; z-index: 40; margin: 0; }	#header-graphic1 { position: absolute; top: 0; left: 0; width: 100%; height: 137px; z-index: 5; overflow: hidden; display: [url="http://smugglercorp.spruz.com/user/51956/gallery/images/Special-Effects/Explosions/Atomic.png;}"]http://smugglercorp.spruz.com/user/51956/g...ns/Atomic.png;}[/url]	#header-graphic2 { position: absolute; z-index: 5; top: 0; right: 0; width: 100%; height: 137px; overflow: hidden; display: [url="http://smugglercorp.spruz.com/user/51956/gallery/images/Special-Effects/Explosions/Atomic.png;"]http://smugglercorp.spruz.com/user/51956/g...ons/Atomic.png;[/url] }	#header-graphic1 span { background-image: url(http://smugglercorp.spruz.com/user/51956/gallery/images/Special-Effects/Explosions/Atomic.png); background-repeat: no-repeat; background-position: left top; position: absolute; top: 0; left: 0; width: 190px; height: 180px; z-index: 5; }	#header-graphic2 span { background-image: url(http://smugglercorp.spruz.com/user/51956/gallery/images/Special-Effects/Explosions/Atomic.png); background-repeat: no-repeat; background-position: right top; position: absolute; z-index: 5; top: 0; right: 0; width: 190px; height: 180px; }	#login-area { background-image: none; position: absolute; top: 105px; left: 0; width: auto; height: 20px; z-index: 900; margin: 0; padding: 0 20px 0 20px; }	.login-text td { color: #FF0000; background-color: transparent; }	.login-text td a { color: #202831; }	.login-text td a:hover { color: #FFFFFF; }/*</agl.folder>*//*<agl.folder "Global">*/	a { color: #FF0000; }	a:hover { color: #FFFFFF; }	td, th { font-size: 10pt; font-family: lucida sans; }	p { }	body { color: #FFFFFF; font-size: 10pt; font-family: lucida sans; background-color: #232323; background-image: url(http://smugglercorp.spruz.com/user/51956/gallery/backgrounds/Misc/Abstract/Abstract-Illistration-1.jpg); text-align: center; width: 100%; height: 100%; padding: 30px 0 10px; }	#master-table-container {  }	#master-table { width: 100%; margin: 0; padding: 0; }/**/	#container { background-color: #000000; background-image: url(http://smugglercorp.spruz.com/user/51956/gallery/backgrounds/Misc/Abstract/Abstract-Illistration-1.jpg); vertical-align: top; position: relative; width: 91%; margin: 0 auto; border: solid 0 #fff; }/*</agl.folder>*//*<agl.folder "Sides">*//**/	.side-nav-table { width: 100%; padding: 2px; }/**/	.side-nav-box td.header { color: #FFFFFF; font-size: 10pt; font-family: lucida sans; font-weight: bold; font-variant: normal; line-height: 27px; background-color: transparent; background-image: url(http://grundgetheme.low-ping.com/user/51956/gallery/backgrounds//Seamless/Black/Dark-Roots.jpg); background-repeat: repeat; text-transform: capitalize; text-align: center; letter-spacing: 2px; bottom: 0; padding: 0 2px 0; }	.side-nav-box tr.header-row td { background-color: #000000; }/**/	.side-nav-box td.content li a { display: inline; padding: 0; border-left: 0px none #990000; border-right: 0px none #330000; border-top: 0px none #330000; border-bottom: 0px none #330000; background-color: transparent; color: #000000; text-decoration: none; width: 100%; }	.side-nav-box td.content { text-align: left; padding-top: 3px; padding-left: 3px; color: #000000; background-color: transparent; background-image: url(http://premiumthemes.csmsites.com/user/57535/gallery/Backgrounds/Component/Red/Grundgebevelright.jpg); }	.side-nav-box td.content td.content { color: #000000; background-color: transparent; background-image: none; }	html>body .side-nav-box td.content li a { width: auto; }	.side-nav-box td.content li a:hover { border-left: 0px none #000000; border-right: 0px none #000000; border-top: 0px none #000000; border-bottom: 0px none #000000; background-color: transparent; color: #FFFFFF; }	.side-nav-box { padding: 0 0 1em; margin-bottom: 1em; font-family: lucida sans; color: #333; }	.side-nav-box li { border-bottom: 1px solid black; margin: 0; }	.side-nav-box ul { list-style: disc inside; margin: 0; padding: 0; border: none; }/**/	#nav-cell { width: 1%; padding: 10px 0; background-color: transparent; }/**/	#ads-cell { width: 1%; padding: 10px 0; background-color: transparent; }	#nav-links { height:auto; margin: 0; display: inline; }	#ads-apps { width:auto; height:auto; margin: 0; display: inline; }	.nav-spacer {width: 160px; height: 1px; margin: 0; padding: 0; overflow: hidden;}/*</agl.folder>*//*<agl.folder "Content">*/	.content-table { width: 100%; border:0px solid #990000; color: #787878; background-color: transparent; }	.content-innertable {  }	.content-cell-inner { color: #787878; }	#content-cell-inner { color: #787878; }	#content-cell { padding: 10px;}	#content-container { margin: 20px 0 0; padding-right: 10px; padding-left: 10px; }	#content-section {  }	input, textbox, select, textarea {  }	td.tableheader { text-align: left; height: 24px; }	td.cell {  }	#content-cell td.header-cell { font-weight: bold; color: #FF0000; background-color: #000000; background-image: url(none);  }	#content-cell td.header-cell h3 { font-size: 16pt; line-height: 100%; margin: 0; }	td.header { color: #ffffff; text-align: left; background-color: #09122f; padding: 3px 5px; }/*</agl.folder>*//*<agl.folder "Bottom">*/	#page-footer-custom { color: #000000; font-size: 10pt; font-family: lucida sans; font-weight: bold; background-color: #990000; background-image: url(http://smugglercorp.spruz.com/user/51956/gallery/backgrounds/Misc/Abstract/Abstract-Illistration-1.jpg); background-repeat: repeat; background-position: right bottom; text-align: center; position: relative; width: 100%; height: 47px; clear: both; margin: 0 0 0; }	#page-footer { color: #000000; font-size: 10pt; font-family: lucida sans; font-weight: bold; background-color: #990000; background-image: url(http://smugglercorp.spruz.com/user/51956/gallery/backgrounds/Misc/Abstract/Abstract-Illistration-1.jpg); background-repeat: repeat; background-position: right bottom; text-align: center; position: relative; width: 100%; height: 47px; clear: both; margin: 0 0 0; }	#page-footer h5 { font-size: 10pt; text-align: center; position: absolute; top: 30px; left: 0; width: 100%; height: 47px; margin: 0; }	#page-bottom { margin-top: 50px; }/*</agl.folder>*//*<agl.folder "Elements">*/	.element-container { background-color: transparent; width: 100%; border-width: 0; }	.element-container table {width:100%;}	.element-header { font-weight: bold; color: #FF0000; background-color: #000000; background-image: url(none); }	.element-header-inner { font-weight: bold; color: #FF0000; }	.element-header a { color: #FF0000; }	.element-header-inner a { color: #FF0000; }	.element-row1-inner { color: #787878; }	.element-row2-inner { color: #000000; }	.element-row1 { color: #787878; background-color: #232323; }	.element-row2 { color: #000000; background-color: #363636; }	#container .element-header { font-weight: bold; color: #FF0000; background-color: #000000; background-image: url(none); }	#container .element-header-inner { font-weight: bold; color: #FF0000; }	#container .element-header a { color: #FF0000; }	#container .element-header-inner a { color: #FF0000; }	#container .element-row1-inner { color: #787878; }	#container .element-row2-inner { color: #000000; }	#container .element-row1 { color: #787878; background-color: #232323; }	#container .element-row2 { color: #000000; background-color: #363636; }/*</agl.folder>*/

[aspnetguy]

Capture the mouse position using something like this script...http://www.codelifter.com/main/javascript/capturemouseposition1.htmlIn the getMouseXY function set the absolute position of your container element to the mouse coordinates (or offset a bit).