Dynamic Drive DHTML Script- Document Stars script

Document Stars script

Author: Dynamic Drive

Description: Immerse your webpage in flying stars, and make it think it's in space, with this awesome document script.

Demo: It's all around you, all around you...

Directions

Step 1: Add the following script and stylesheet code to the <head> section of your page:

Select All
<style type="text/css"> #sDiv0, #sDiv1, #sDiv2, #sDiv3, #sDiv4, #sDiv5, #sDiv6, #sDiv7, #sDiv8, #sDiv9 { position:absolute; height:1; width:1; font-family:arial black; font-size:9px; color:#FFFFAA; z-index:10; } </style> <SCRIPT LANGUAGE="JavaScript1.2">  </script>

Step 2: Add the below <div> tags to the <body> section of your document:

<div id="sDiv0">*</div>
<div id="sDiv1">*</div>
<div id="sDiv2">*</div>
<div id="sDiv3">*</div>
<div id="sDiv4">*</div>
<div id="sDiv5">*</div>
<div id="sDiv6">*</div>
<div id="sDiv7">*</div>
<div id="sDiv8">*</div>
<div id="sDiv9">*</div>

Technical Note

This script accesses the BODY onload event (window.onload). If you have another script on your page that does the same, one of them will not run. Click here for information on getting both scripts to work simultaneously.

Wordpress Users: Step by Step instructions to add ANY Dynamic Drive script to an entire Wordpress theme or individual Post