https://lissaexplains.com/cursor.shtml

1<html>
2<head>
3<!-- Updated scripts to keep the site running. Added 2024. -->

3
4<script async src="https://www.googletagmanager.com/gtag/js?id=

4G-KC6H3WWY5N

4"></script>

5<script>
6  

6window.dataLayer = window.dataLayer || [];
7  function gtag(){dataLayer.push(arguments);}
8  gtag('js', new Date());
9
10  gtag('config', '

10G-KC6H3WWY5N

10');

11</script>

11
12<!-- End of updated scripts -->
13
14<title>Lissa Explains it All -- Custom Cursors for your Web Site</title>
15<link rel="stylesheet" href="csslayout.css" type="text/css" media="all">
16<style type="text/css" media="all">@import url("csslayout.css");</style>

17<SCRIPT language="JavaScript" SRC="fastpopunder.js" type="text/javascript"></SCRIPT>

17
18</head>
19<body>
20<!-- Body start. Added 2024. -->

21<SCRIPT language="JavaScript" SRC="burst1ad.js" type="text/javascript"></SCRIPT>

21 

22<SCRIPT language="JavaScript" SRC="invue.js" type="text/javascript"></SCRIPT>

22

23<script language="JavaScript" type="text/javascript">
24
25/******************************************
26* Cross browser cursor trailer script- By Brian Caputo ([email protected])
27* Distributed with permission from Brian Caputo by lissaexplains.com
28* Modified Dec 31st, 02' by DD. This notice must stay intact for use
29******************************************/
30
31A=document.getElementById
32B=document.all;
33C=document.layers;
34T1=new Array("train6.gif",45,45,"train5.gif",45,45,"train4.gif",45,45,"train3.gif",45,45,"train2.gif",45,45,"train1.gif",45,45)
35
36var offsetx=0 //x offset of trail from mouse pointer
37var offsety=0 //y offset of trail from mouse pointer
38
39nos=parseInt(T1.length/3)
40rate=50
41ie5fix1=0;
42ie5fix2=0;
43rightedge=B? document.body.clientWidth-T1[1] : window.innerWidth-T1[1]-20
44bottomedge=B? document.body.scrollTop+document.body.clientHeight-T1[2] : window.pageYOffset+window.innerHeight-T1[2]
45
46for (i=0;i<nos;i++){
47createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")
48}
49
50function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){
51with (document){
52write((!A && !B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; ");
53if(St){
54if (C)
55write(" style='");
56write(St+";' ")
57}
58else write((A || B)?"'":"");
59write((At)? At+">" : ">");
60write((HT) ? HT : "");
61if (!Op)
62closeContainer(N)
63}
64}
65
66function closeContainer(){
67document.write((A || B)?"</div>":"</layer>")
68}
69
70function getXpos(N){
71if (A)
72return parseInt(document.getElementById(N).style.left)
73else if (B)
74return parseInt(B[N].style.left)
75else
76return C[N].left
77}
78
79function getYpos(N){
80if (A)
81return parseInt(document.getElementById(N).style.top)
82else if (B)
83return parseInt(B[N].style.top)
84else
85return C[N].top
86}
87
88function moveContainer(N,DX,DY){
89c=(A)? document.getElementById(N).style : (B)? B[N].style : (C)? C[N] : "";
90if (!B){
91rightedge=window.innerWidth-T1[1]-20
92bottomedge=window.pageYOffset+window.innerHeight-T1[2]
93}
94c.left=Math.min(rightedge, DX+offsetx);
95c.top=Math.min(bottomedge, DY+offsety);
96}
97function cycle(){
98//if (IE5) 
99if (document.all&&window.print){
100ie5fix1=document.body.scrollLeft;
101ie5fix2=document.body.scrollTop;
102}
103for (i=0;i<(nos-1);i++){
104moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))
105}
106}
107
108function newPos(e){
109moveContainer("CUR"+(nos-1),(B)?event.clientX+ie5fix1:e.pageX+2,(B)?event.clientY+ie5fix2:e.pageY+2)
110}
111
112function getedgesIE(){
113rightedge=document.body.clientWidth-T1[1]
114bottomedge=document.body.scrollHeight-T1[2]
115}
116
117if (B){
118window.onload=getedgesIE
119window.onresize=getedgesIE
120}
121
122if(document.layers)
123document.captureEvents(Event.MOUSEMOVE)
124document.onmousemove=newPos
125setInterval("cycle()",rate)
126</script>

126
127
128
129<div id="center">
130
131<center><img src="cursorhead.gif" width=200 height=75 alt="Cursors"></center>
132<BR><BR>
133
134Welcome to Lissa's Cursors!!  This is a cross-browser script.  I only have a few cursor images now but I hope to add many more soon.  If you see a cursor design you like, right click on the image and choose "save as" to save the image to your hard drive.  You'll need to download all six images in order to make one cursor.  You can copy and paste the following code (in the text box) and add it to your page after the &lt;body&gt; tag (if you don't know where the body tag is click <a href="http://www.lissaexplains.com/scriptex.html"> here</a>).  You do need to substitute each of your 6 image names in this code where it says "imagename.gif."  Each of the images that I have provided are numbered from 1-6 (not necessarily smallest to largest in size) and they have to stay numbered that way in the code.  If you alter this code in any way, other than the image name, it will not work.  Good luck!<BR><BR>
135
136If you're looking for the script that <b>replaces</b> the default cursor, visit my <a href="css.shtml">CSS</a> page.<BR><BR>
137
138<center><a href="http://www.lissaexplains.com/linkme.shtml"><img src="cbutton.gif" width="88" height="31" alt="Lissa's Cursors" border="0"></a><img src="spacer.gif" width="7" height="1" alt="spacer"><a href="http://www.lissaexplains.com/linkme.shtml"><image src="pbutton.gif" width="88" height="31" alt="Lissa's Cursors" border="0"></a></center><br>
139<BR>
140
141The author of this script is <b>Brian Caputo</b> and was used on this page with his written permission.
142<BR><BR>
143Get the script:
144
145
146<form ACTION=URI>
147<textarea rows="8" name="S1" cols="40" style="width:300">
148&lt;script language="JavaScript" type="text/javascript"&gt;
149
150/******************************************
151* Cross browser cursor trailer script- By Brian Caputo ([email protected])
152* Distributed with permission from Brian Caputo by lissaexplains.com
153* Modified Dec 31st, 02' by DD. This notice must stay intact for use
154******************************************/
155
156A=document.getElementById
157B=document.all;
158C=document.layers;
159T1=new Array("image6.gif",45,45,"image5.gif",45,45,"image4.gif",45,45,"image3.gif",45,45,"image2.gif",45,45,"image1.gif",45,45)
160
161var offsetx=0 //x offset of trail from mouse pointer
162var offsety=0 //y offset of trail from mouse pointer
163
164nos=parseInt(T1.length/3)
165rate=50
166ie5fix1=0;
167ie5fix2=0;
168rightedge=B? document.body.clientWidth-T1[1] : window.innerWidth-T1[1]-20
169bottomedge=B? document.body.scrollTop+document.body.clientHeight-T1[2] : window.pageYOffset+window.innerHeight-T1[2]
170
171for (i=0;i<nos;i++){
172createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")
173}
174
175function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){
176with (document){
177write((!A && !B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; ");
178if(St){
179if (C)
180write(" style='");
181write(St+";' ")
182}
183else write((A || B)?"'":"");
184write((At)? At+">" : ">");
185write((HT) ? HT : "");
186if (!Op)
187closeContainer(N)
188}
189}
190
191function closeContainer(){
192document.write((A || B)?"</div>":"</layer>")
193}
194
195function getXpos(N){
196if (A)
197return parseInt(document.getElementById(N).style.left)
198else if (B)
199return parseInt(B[N].style.left)
200else
201return C[N].left
202}
203
204function getYpos(N){
205if (A)
206return parseInt(document.getElementById(N).style.top)
207else if (B)
208return parseInt(B[N].style.top)
209else
210return C[N].top
211}
212
213function moveContainer(N,DX,DY){
214c=(A)? document.getElementById(N).style : (B)? B[N].style : (C)? C[N] : "";
215if (!B){
216rightedge=window.innerWidth-T1[1]-20
217bottomedge=window.pageYOffset+window.innerHeight-T1[2]
218}
219c.left=Math.min(rightedge, DX+offsetx);
220c.top=Math.min(bottomedge, DY+offsety);
221}
222function cycle(){
223//if (IE5) 
224if (document.all&&window.print){
225ie5fix1=document.body.scrollLeft;
226ie5fix2=document.body.scrollTop;
227}
228for (i=0;i<(nos-1);i++){
229moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))
230}
231}
232
233function newPos(e){

234moveContainer("CUR"+(nos-1),(B)?event.clientX+ie5fix1:e.pageX+2,(B)?event.clientY+ie5fix2:e.pageY+2)
235}
236
237function getedgesIE(){
238rightedge=document.body.clientWidth-T1[1]
239bottomedge=document.body.scrollHeight-T1[2]
240}
241
242if (B){
243window.onload=getedgesIE
244window.onresize=getedgesIE
245}
246
247if(document.layers)
248document.captureEvents(Event.MOUSEMOVE)
249document.onmousemove=newPos
250setInterval("cycle()",rate)
251&lt;/script&gt;</textarea>
252</form>
253
254
255<BR><BR><br>
256<center><font size="5"><a href="images.shtml"><img src="rightarrow.gif" width="30" height="30" alt="arrow" border="0"></a><a href="images.shtml">View cursor images here</a></font></center>
257
258
259<BR><BR>
260
261
262
263<center><a href="#menu"><img src="up.gif" width=27 height=27 alt=up border=0></a></center>
264
265<BR><BR>
266
267<div align="center">
268

269<script type="text/javascript"><!--
270google_ad_client = "pub-9012937343932176";
271//468x15, created 1/14/08
272google_ad_slot = "2124193914";
273google_ad_width = 468;
274google_ad_height = 15;
275//--></script>

275

276<script type="text/javascript" src="https://pagead2.googlesyndication.com/pagead/show_ads.js">
277</script>

277
278
279</div><br /><br /><br />
280
281
282<div align="center">| <a href="lissa.shtml">About Lissa</a> | <a href="terms.shtml">Privacy Statement</a> | <a href="mail.shtml">Contact</a> | <a href="linkme.shtml">Link Us</a> |</div><BR>
283<div align="center"><font size="1">Copyright 1997-2016 Lissa, All rights reserved</font></div>
284<div align="center"><font size="1">This Web site is registered with the&nbsp;</font><a href="http://www.loc.gov/copyright/" target='_blank'><font size="1">Library of Congress</font></a><font size="1"> Copyright Office.</font></div><BR><BR>
285
286<!-- rm -rf / -->
287
288
289
290
291</div>
292
293
294
295<div id="left">
296
297<!-- SiteSearch Google -->
298<form method="get" action="https://www.google.com/custom" target="google_window">
299
300<table border="0" bgcolor="#ffcc00">
301<tr>
302<td>
303<input type="hidden" name="domains" value="lissaexplains.com">
304<center><input type="text" name="q" size="15" maxlength="255" value=""></center>
305<center><INPUT TYPE="IMAGE" NAME="Submit button" SRC="search.gif" ALT="Search Lissa's Site"></center>
306<center><input type="radio" name="sitesearch" value="lissaexplains.com" checked="checked">
307<font size="-1" color="#000000">lissaexplains.com</font></center>
308</td>
309</tr>
310</table>
311<input type="hidden" name="client" value="pub-9012937343932176">
312<input type="hidden" name="forid" value="1">
313<input type="hidden" name="ie" value="ISO-8859-1">
314<input type="hidden" name="oe" value="ISO-8859-1">
315<input type="hidden" name="safe" value="active">
316<input type="hidden" name="cof" value="GALT:#0066CC;GL:1;DIV:#999999;VLC:336633;AH:center;BGC:FFFFFF;LBGC:FFCC00;ALC:0066CC;LC:0066CC;T:000000;GFNT:666666;GIMP:666666;FORID:1;">
317<input type="hidden" name="hl" value="en">
318
319
320
321</form>
322<br />
323<!-- SiteSearch Google -->
324<br>
325
326
327

328<script type="text/javascript"><!--
329google_ad_client = "pub-9012937343932176";
330//160x600, created 1/14/08
331google_ad_slot = "3082865253";
332google_ad_width = 160;
333google_ad_height = 600;
334//--></script>

334

335<script type="text/javascript" src="https://pagead2.googlesyndication.com/pagead/show_ads.js">
336</script>

336
337
338
339
340
341
342</div>
343
344
345
346<div id="right">
347
348<div align="center"><font size="1">This site is</font></div>
349<div align="center"><font size="1">happily hosted by:</font></div>
350<div align="center"><a href="http://www.dreamhost.com/r.cgi?1822"><img src="dreamhostlilbanner.gif" width="125" height="31" alt="Try Dreamhost and enter promo code <b>LISSA06</b> for $10 off any plan!  Plans start from $7.95" border="0"></a></div><br>
351
352
353
354<br>
355<div align="center">
356
357<!-- ValueClick Media 120x600 and 160x600 SkyScraper CODE for Lissa Explains it All -->

358<script src="https://cdn.fastclick.net/js/adcodes/pubcode.min.js"></script>

358<script type="text/javascript">document.write('<scr' + 'ipt type="text/javascript">(function () {try{VCM.media.render({sid:1829,media_id:3,media_type:7,version:"1.0"});} catch(e){}}());</scr' + 'ipt>');</script>

358<noscript><a href="http://media.fastclick.net/w/click.here?sid=1829&m=3&c=1" target="_blank"><img src="http://media.fastclick.net/w/get.media?sid=1829&m=3&tp=7&d=s&c=1&vcm_acv=1.0" width=160 height=600 border=1></a></noscript>
359<!-- ValueClick Media 120x600 and 160x600 SkyScraper CODE for Lissa Explains it All -->
360
361
362
363</div>
364<br>
365
366<div align="center"><a href="https://www.facebook.com/pages/Lissa-Explains-it-All/123230248331?ref=s"><img src="facebook.gif" width="88" height="31" alt="Follow me on Facebook" border=0 /></a>
367</div>
368<br />
369
370<div align="center">
371<!--WEBBOT bot="HTMLMarkup" startspan ALT="Site Meter" -->

372<script type="text/javascript" language="JavaScript">var site="lildancer"</script>

372

373<script type="text/javascript" language="JavaScript1.2" src="https://www.sitemeter.com/js/counter.js?site=lildancer">
374</script>

374
375<noscript>
376<a href="http://www.sitemeter.com/stats.asp?site=lildancer" target="_top">
377<img src="http://www.sitemeter.com/meter.asp?site=lildancer" alt="Site Meter" border=0></a>
378</noscript>
379<!-- Copyright (c)2002 Site Meter -->
380<!--WEBBOT bot="HTMLMarkup" Endspan -->
381</div>
382
383<br />
384
385
386
387
388<br><br>
389
390
391
392
393</div>
394
395
396
397<div id="top">
398
399<center>
400<!-- ValueClick Media 468x60 and 728x90 Banner CODE for lissaexplains.com -->

401<script language="javascript" src="https://media.fastclick.net/w/get.media?sid=1829&m=1&tp=5&d=j&t=s"></script>

401
402<noscript><a href="http://media.fastclick.net/w/click.here?sid=1829&m=1&c=1" target="_top">
403<img src="http://media.fastclick.net/w/get.media?sid=1829&m=1&tp=5&d=s&c=1"
404width=728 height=90 border=1></a></noscript>
405<!-- ValueClick Media 468x60 and 728x90 Banner CODE for lissaexplains.com -->
406</center>
407<table border="0" width="100%" cellspacing="0" cellpadding="0">
408   <tr>
409    <td align="left" nowrap valign="top" width="100%" bgcolor="#ffcc00"><a name="menu"></a>
410<a href="index.shtml"><img src="indexbutton.gif" width="105" height="60" alt="Lissa Explains it All -- HTML Help for Kids" border="0"></a><a href="basics.shtml"><img src="htmlbutton.gif" width="96" height="60" alt="HTML Help, css, frames, tables, div layers" border="0"></a><a href="cursor.shtml"><img src="cursorbutton.gif" width="96" height="60" alt="Custom Cursors" border="0"></a><a href="http://www.lissaexplains.com/forum/"><img src="forumbutton.gif" width="96" height="60" alt="HTML Help Forum" border="0"></a><a href="lissamail.shtml"><img src="emailbutton.gif" width="96" height="60" alt="Free E-mail Service for Kids (and adults who love bright colors ;)" border="0"></a><a href="postcards.shtml">

410<img src="postcardbutton.gif" width="96" height="60" alt="Lissa Explains it All -- Free Postcards" border="0"></a><a href="store.shtml"><img src="storebutton.gif" width="96" height="60" alt="Lissa Explains it All -- Merchandise" border="0"></a><a href="guestbook.shtml"><img src="guestbookbutton.gif" width="96" height="60" alt="Lissa Explains it All -- Guestbook" border="0"></a></td>
411   </tr>
412   <tr>
413    <td align="left" nowrap="nowrap" style="background-image:url(greenbkg.gif)" valign="top" width="100%" height="31" bgcolor="#00ff00"><div align="left"><a href="cursor.shtml"><img src="scriptmenubutton.gif" width="85" height="31" alt="Custom Cursors" border="0"></a><a href="images.shtml"><img src="imagesmenubutton.gif" width="77" height="31" alt="Cursor Images" border="0"></a><img src="cursormenubutton.gif" width="139" height="31" alt="image" border="0"></div></td></tr><tr><td align="left" bgcolor="#00ff00"><img src="spacer.gif" height="1" width="777" alt="spacer"></td>
414   </tr>
415   <tr>
416       <td style="background-image:url(greenborder.gif)" valign="top" width="100%" height="6" bgcolor="#ffcc00"></td>
417   </tr>
418</table>
419</div>
420
421<!-- Body end. Added 2024. -->

422<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"0433adea363f46a595d505fd97f69f37","r":1,"spa":2}' crossorigin="anonymous"></script>

422
423</body>
424</html>