A cursor with a word beside it

tuzaj · 07-01-2005, 09:48 AM

Hi guys,
I saw this kind of cute cursor with a word beside it.i was wondering if any knows about it. Thanks for your time.

**South** · 07-01-2005, 10:13 AM

You can make custom cursors for your site. I for one hate it when a site does that, but you can do it with css

Jazzee · 07-01-2005, 10:21 AM

http://www.dynamicdrive.com/dynamicindex13/index.html

tuzaj · 07-01-2005, 11:44 AM

Thanks again, Sara. im also wondering if you know of the script of this cross cursor with a text beside it. Like one on the website below.

cross cursor

Thanks.

Jazzee · 07-01-2005, 12:06 PM

The parts of the source that look like they are part of that:

Code:

<body onmousemove="cursor()">

Code:

<script language=javascript src="http://www.boomspeed.com/alienic/customtrail.js"></script>

Code:

<font color=gray><FONT FACE="tahoma"><style>body</style><font size=1px>e<b>n<u>d</b>les</u>s<b>l0</b>ve `#</span></font>

http://www.boomspeed.com/alienic/customtrail.js (from the second code above) :

Code:

function cursor() 
{ 
trail.style.visibility="visible" 
trail.style.position="absolute" 
trail.style.left=event.clientX+10 
trail.style.top=event.clientY 
}

tuzaj · 07-01-2005, 12:28 PM

Hi thanks, Sara. unfortunately, im not really good at scripts so just for some clarifaction, is this the way it look like:

Quote:

<body onmousemove="cursor()">

<script language=javascript src="http://www.boomspeed.com/alienic/customtrail.js"></script>

function cursor()
{
trail.style.visibility="visible"
trail.style.position="absolute"
trail.style.left=event.clientX+10
trail.style.top=event.clientY
}

<font color=gray><FONT FACE="tahoma"><style>body</style><font size=1px>e<b>n<u>d</b>les</u>s<b>l0</b>ve `#</span></font>

Pls correct me if im wrong

Jazzee · 07-01-2005, 07:00 PM

I think it should be like this:

Code:

<script type="text/javascript">
function cursor()
{
trail.style.visibility="visible"
trail.style.position="absolute"
trail.style.left=event.clientX+10
trail.style.top=event.clientY
}
</script>


<body onmousemove="cursor()">

<font color=gray><FONT FACE="tahoma"><style>body</style><font size=1px>e<b>n<u>d</b>les</u>s<b>l0</b>ve `#</span></font>

I don't know javascript, but that should work.

sundancerz · 07-01-2005, 07:21 PM

Quote:

I don't know javascript, but that should work.

Ahaaa...damn Sara...I'm impressed,

you could have fooled me.

tuzaj · 07-02-2005, 09:34 AM

Quote:

Originally Posted by Jazzee

I think it should be like this:

Code:

<script type="text/javascript">
function cursor()
{
trail.style.visibility="visible"
trail.style.position="absolute"
trail.style.left=event.clientX+10
trail.style.top=event.clientY
}
</script>


<body onmousemove="cursor()">

<font color=gray><FONT FACE="tahoma"><style>body</style><font size=1px>e<b>n<u>d</b>les</u>s<b>l0</b>ve `#</span></font>

I don't know javascript, but that should work.

Hi Sara i really appreciate the help unfortunately the cursor wouldn't work well. The text wouldn't go along with the cursor. im kind of confuse though. perhaps i got the wrong way of puting it in a lay-out.

Jazzee · 07-02-2005, 10:07 AM

Instead of this:

Code:

<font color=gray><FONT FACE="tahoma"><style>body</style><font size=1px>e<b>n<u>d</b>les</u>s<b>l0</b>ve `#</span></font>

Try this:

Code:

<span id="trail" style="visibility:hidden"><font color=gray><FONT FACE="tahoma"><style>body</style><font size=1px>e<b>n<u>d</b>les</u>s<b>l0</b>ve `#</font></span>

tuzaj · 07-02-2005, 11:54 AM

Thanks Sara. Cool!

Jazzee · 07-02-2005, 12:11 PM

Alex A · 04-18-2008, 07:50 PM

I am using the code here and it works just fine (thanks very much!), until the page is long enough to scroll vertically. Then the text "attached" to the cursor scrolls with the page and moves away from the cursor.

Does anyone have any suggestions on how to fix that? If the page is long enough, the "attached" text will scroll right out of view. Thanks.