IPB

Welcome Guest ( Log In | Register )



Tags
This content has not been tagged yet
 
Reply to this topicStart new topic

Glowing text on mouseover...

, java scripting ..


noxit
no avatar
Newbie [Level 3]
***
Group: Members
Posts: 46
Joined: 19-June 04
Member No.: 31



Post #1 post Jun 19 2004, 02:07 PM
One more script for today ... biggrin.gif
The text glows on mouseover of the page which will draw the eyes of your visitor. Good to use on important lines of text that you want noticed.
The colors can be changed easily to blend in with your background color, as can be the font style and size.

[B]Installation:


STEP 1:

Copy the code below and paste this into the <head> of your html document. Comments have been inserted where you change the text size, type and colors at the top part of the script.

CODEstarts

<script>
// Change your message here!
var message="Move your mouse!"

// The font of your message
var textfont="Verdana"

// The fontsize of your message
var textsize=15

// the fontcolor of your message
var textcolor="red"

// the color of the gloweffect
var glowcolor="blue"


//Do not edit the variables below
var glowstrength=0
var x,y


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

function initiate() {
if (document.all) {
document.onmousemove = handlerMM;
glowmessage()
}
if (document.layers) {
document.onmousemove = handlerMM;
document.captureEvents(Event.MOUSEMOVE);
textsize=10
glowmessage()
}
}

function glowmessage() {
if(document.all) {
glowstrength=Math.round(x/80)+Math.round(y/80)
glowtext.innerHTML="<span id='glowspan' style='position:absolute;filter:glow(strength="+glowstrength+",color="+glowcolor+");font-family:"+textfont+";font-size:"+textsize+"pt;color:"+textcolor+"'>"+message+"</span>";
var timer=setTimeout("glowmessage()",100)
}
if(document.layers) {
textsize=3*Math.round(x/80)+3*Math.round(y/80)
document.glowtext.document.write("<span id='glowspan' style='position:absolute;font-family:"+textfont+";font-size:"+textsize+"pt;color:"+textcolor+"'>"+message+"</span>")
document.glowtext.document.close()
var timer=setTimeout("glowmessage()",100)
}
}

// - - -->
</script>

CODEends

STEP 2:

Place the event handler directly into the <body> tag. Your body tag should look something like this. <body bgcolor="#FFFFFF" onLoad="initiate()">

CODEstarts

onLoad="initiate()"

CODEends

STEP 3:

Copy and paste the code below between the <body> and </body> tags. You change the position where you want the glow text to appear on your page by altering the positioning alignment in "top" and "left".
(Top signifies in pixels how far from the top of the page the text will be displayed. Left signifies in pixels how far from the left side of the page the text will be displayed. You may have to play around with this positioning to get it right for you.)

Codestarts

<div id="glowtext" style="position:absolute;top:300px;left:20px"></div>


codeEnds

Goah am tired now...this is enufff for today .. ph34r.gif
Go to the top of the page
+Quote Post
ravi
no avatar
Newbie [Level 2]
**
Group: Members
Posts: 31
Joined: 11-June 04
Member No.: 2



Post #2 post Jun 19 2004, 02:47 PM
I think you forgot to put semicolons.. BTW, R u posting for CASH or for HOSTING... These tutorials will earn u nice cash .. i guess. While applying for hosting won't do .. tongue.gif
Go to the top of the page
+Quote Post
OpaQue
no avatar
Administrator
**************
Group: Admin
Posts: 1,625
Joined: 11-June 04
From: Somewhere in Time & Space.
Member No.: 1
myCENT:NEGATIVE[-78.06]



Post #3 post Jun 19 2004, 03:14 PM
DON'T COPY CONTENTS FROM OTHERS SITE!

DUPLICATE CONTENT FOUND : www.hypergurl.com

2 POSTS DELETED!
Go to the top of the page
+Quote Post
noxit
no avatar
Newbie [Level 3]
***
Group: Members
Posts: 46
Joined: 19-June 04
Member No.: 31



Post #4 post Jun 19 2004, 05:33 PM
ohmy.gif ..Sorrry but theres no pace where uve mentioned abt not copying tutorials ..are only self made tutorials alloweD??
And there is always some place wheere you get things from ...and 99.99% chnce is some other website .. smile.gif ..
Go to the top of the page
+Quote Post
OpaQue
no avatar
Administrator
**************
Group: Admin
Posts: 1,625
Joined: 11-June 04
From: Somewhere in Time & Space.
Member No.: 1
myCENT:NEGATIVE[-78.06]



Post #5 post Jun 19 2004, 05:45 PM
If you check out the link, the posts are 1:1. We understand coincidence, after all we are humans sitting at this end.. watching at the forums. And we have clearly mentioned in out pinned posts that COPIED STUFF AINT ALLOWED AT ALL!

Be carefull next time. mad.gif
Go to the top of the page
+Quote Post

Reply to this topicStart new topic

Collapse

> Similar Topics

    Topic Title Replies Topic Starter Views Last Action
No New Posts   3 Plenoptic 1,410 17th July 2006 - 12:06 PM
Last post by: Plenoptic
No New Posts   6 Dagoth Nereviar 3,531 11th March 2007 - 11:38 PM
Last post by: jlhaslip
No New Posts   3 deedee2003 7,327 12th September 2004 - 07:35 PM
Last post by: NeXDesigns
No New Posts   4 electriic ink 1,773 25th July 2006 - 07:28 PM
Last post by: electriic ink
No New Posts   7 -Cooper_NFFC- 5,115 11th October 2004 - 05:52 AM
Last post by: ashiezai
No New Posts   4 hansley 4,763 6th November 2004 - 11:03 PM
Last post by: ronin
No new   15 inverse_bloom 199 10th November 2009 - 08:23 AM
Last post by: The Simpleton
No New Posts   2 Vikash 3,386 15th September 2009 - 11:18 PM
Last post by: iG-Alyssa B. Velasco
No New Posts   11 mirage 5,404 4th July 2009 - 09:14 AM
Last post by: iG-JackARRR
No New Posts   3 lloydg 2,165 12th March 2009 - 04:01 AM
Last post by: Oblivion1500
No New Posts   8 kvarnerexpress 2,675 19th October 2005 - 01:00 AM
Last post by: dul
No New Posts   0 kvarnerexpress 2,798 29th December 2004 - 12:42 PM
Last post by: kvarnerexpress
No New Posts   3 shadow skazi 1,816 29th January 2005 - 10:26 PM
Last post by: whyme
No New Posts   8 Bash 8,777 20th February 2005 - 07:08 PM
Last post by: theoutlaws
No New Posts   1 Binod Singh 3,723 19th February 2005 - 02:18 PM
Last post by: sargilla


 



RSS Open Discussion Time is now: 22nd November 2009 - 01:48 AM

Web Hosting Powered by ComputingHost.com.