If you want to make your pages seem more "alive" there
are other more powerful languages besides HTML that you can use.
The following examples use a computer language called JavaScript.
Since learning this would be very difficult for some of you, I have
provided you with some programs that you can use in your web pages.
If you are having trouble deciding if you want to continue or not,
click on the examples below anyway to see what is possible.
If you want to try adding one or more of the effects or your pages,
then go to the corresponding instructions.
All of these instructions will assume that you are already in an
HTML source editor and know how to use it.
Instructions for how to get to that point are also included in the
Details section.
Add text boxes that pop up when you move your mouse over the italicized link
See example
Go to the instructions
Create a multi-line expanding test message
See example
Go to the instructions
Make snowflakes fall
See example
Go to the instructions
Make rain fall
See example
Go to the instructions
Make elastic balls follow your mouse
See example
Go to the instructions
Make eyes follow your mouse
See example
Go to the instructions
Make a text banner follow your mouse
See example
Go to the instructions
Using the source code editor
Not yet completed
Adding popup text
Not yet completed
Creating expanding text
Not yet completed
Creating a banner that follows your mouse
Not yet completed
Making the background snow
In progress
Open up your page in the editor.
Find the BODY tag.
Add the following to the end of the tag line: onLoad="snow()"
After that line, add: <SCRIPT SRC="snowing.html"></SCRIPT>
Thus it will look something like:
<BODY text="#000000" bgcolor="#CCFFFF" link="#0000EE" vlink="#0000FF"
onLoad="snow()">
<SCRIPT SRC="snowing.html"></SCRIPT>
Download snowing.html (the javascript code that makes it snow) and
snowflake.gif (the snowflake image) into the same directory that your
pages are in.
That should do it. Give it a try in Navigator.
Making the background rain
In progress
Open up your page in the editor.
Find the BODY tag.
Add the following to the end of the tag line: onLoad="rain()"
After that line, add: <SCRIPT SRC="raining.html"></SCRIPT>
Thus it will look something like:
<BODY text="#000000" bgcolor="#CCFFFF" link="#0000EE" vlink="#0000FF"
onLoad="rain()">
<SCRIPT SRC="raining.html"></SCRIPT>
Download raining.html (the javascript code that makes it rain).
Note that no raindrop image is required for this effect.
Instead the letter ',' is used for the drops!
Creating elastic balls that follow your mouse
Not yet completed
Creating eyes that follow your mouse
Not yet completed
Creating a banner that follows your mouse
Not yet completed