|
Webmastering |
|
Main/ Webmastering
/ Javascript |
|
Scripts are important to a Webmaster. JavaScript is loosely based on C++
and has gained worldwide acceptance on the Internet. You can use JavaScript
to interact with the user's environment, or change the appearance of the
content while the user interacts with it.
javascript.internet.com is
an excellent JavaScript resource with tons of "cut and paste" JavaScript
examples for your Web pages. All for free!
|
Examples:
|
|
a) |
Pop-Up Window: Body Change the text to say, "Thanks for
visiting my site." |
|
b) |
Background Slide: Head Slow down or speed up the effect. |
|
c) |
Shake
Me: Head, Body Make the shaking last longer. |
|
d) |
Continuous
Fader: Head, Body Change the colors that fade. |
|
e) |
Ask
Mustafa: Head, Body, On Load, Images
Change some of the answers Mustafa gives and use your own picture. |
|
f) |
Gallery Viewer: Head, Body, Images Use you own images for the
gallery. |
|
g) |
Connect-4: Head, Body, Images, Multiple Documents Get the images of the ants from commononkerr/webmastering.
Import them into your web. |
Projects:
|
|
1) |
Blinker: Head, Body
Change the colors that are blinking. |
|
2) |
Simple Scroller: Head, Body Change the text that scrolls to your own
text. |
|
3) |
Color
Wheel : Head. Body, On Load
Change the colors on the wheel. |
|
4) |
Hidden Scrollbar : Head. Body, On Load
|
|
5) |
Advance Scroller: Head. Body, On Load
Change the text that scrolls to your own text. Also, speed up the time
of the scroll. |
|
6) |
Shake Screen :
Head, Body Make the screen shake longer. |
|
7) |
Color Table: Head. Body |
|
8) |
Growing Image: Head, Body, On Load, Images Change the image and
speed up the effect. |
|
9) |
Menu Sliding Image: Head, Body, On Load, Images |
|
10) |
HTML Scroller: Head, Body, On Load, Images Change the image to one of you. Make it school horizontally. |
|
11) |
Crab
Race: Head/Body, Images, Multiple Documents Fix it so that red wins all the time. |
|
12) |
Slide
Menu: Head, Body, Text Change the Items in the menu so they link to some Internet sites. |
|
13) |
Ants: Head, Body, On Load, Images
Get the images of the ants from commononkerr/webmastering/ants.
Import them into your web. |
|
14) |
Break
Out: Head, Body, On Load, Images Get the images of the ants from
commononkerr/webmastering/breakout. Import them into
your web. |
|
15) |
Random
Images: Head, Body, On Load, Images Use your own
images for the background. Try this site:
http://infinitefish.com/textures/ |
|
16) |
Mad
Cows: Head, Body, Images, Multiple Documents Rewrite the
responses for the cows. |
|
17) |
Picture
Memory: Head, Body, Images, Multiple Documents |
|
18) |
Slide
Show: Head, Body, On Load, Images Use your own images for the slide show. |
|
19) |
Pull-Down
Menu: Head, Body, Text
Make the hyperlinks go to your sites. |
|
20) |
Eyes:
Head, Body, On Load, Images |
|
21) |
Floating Hearts: Body, Images Change the hearts image to a small one of yourself or your friend.
Also, decrease the number of hearts that are floating. |
|
22) |
Navigation/Web
Slide Show: Head, Body, Multiple Documents, Frames |
|
23) |
Picture
Puzzle: Head, Body, Images Use your own picture. |
|
24) |
Drop-down menu: Head Change the links to your
favorite websites. |
|
25) |
Layer Scroller: Body,
Multiple Documents
|
|
26) |
Message Scroller:
Head, OnLoad, Images
Change the text and images that scroll. |
|
|
|
