Different background image according to time of day

Different background image according to time of day Credit: Steve Thompson

Description: A simple script that changes the background image of the document four times a day, depending on the time period. The periods are : 12pm to 4am, 4am to 12am, 12am to 6pm, and 6pm to 12pm.

Directions: Insert the below into the

<script language="JavaScript"> <!-- Hide From Old Browsers /* ©1996-98 JavaScript written by Steve Thompson @ http://www.w8r.com --- e-mail: thompson@w8r.com or myclone@hotmail.com --- This simple script changes the background image four times a day -- It can be altered to include other page attributes such as text colors and individual page items such as on the example page - Use freely but keep this entire credit line intact. */ day=new Date() //..get the date x=day.getHours() //..get the hour if(x>=0 && x<4) background="put your first image file name here such as 1.jpg">') } else if(x>=4 && x<12) background="put your second image file name here such as 2.jpg">') } else if(x>=12 && x<18) background="put your third image file name here such as 3.jpg">') } else if (x>=18 && x<24) background="put your last image file name here such as 4.jpg">') } <!-- End Hiding --> </script>

Read more...

Summary only...

"Depressible" image links

"Depressible" image links
By George Chiang, host

Description: This script will make any image link depressible. Note that you will need an alternate image to display when the image is depressed.

Directions: Step 1: Copy these two images onto your hd by "right clicking" them, and choosing "save as".

Step 2: Insert this into the tags, changing the parts in red, if you're using your own images.

<script language="javascript1.2"> <!-- img1=new Image() img1.src="up.gif" img2=new Image() img2.src="down.gif" //--> </script>

Step 3: Finally, insert this into your tags, changing the parts in red, if you wish.

<a href="whatever.htm" onmousedown="document.images['example'].src=img2.src" onmouseup="document.images['example'].src=img1.src"> <img src="up.gif" name="example" border="0" /></a>

If you want multiple depressible images within one page, simply repeat steps 2 and 3 for each depressible image. When repeating step 3, be sure to change the part in blue ('example') to another unique name each time.

Read more...

Summary only...

Day-of-the-week image displayer

Day-of-the-week image displayer Credit: JavaScript Kit

Description: A script that displays a different image according to the day of the week (ie: one image for Monday, one image for Tuesday etc).

Example: (For the sake of simplicity, bullets are used).

Directions: Simply insert the below into the of your page: Simply change the path of the images in "mondayimg", tuesdayimg" etc to your own.

<script> <!-- <!--Week Of The Day Image Displayer script- By JavaScript Kit (www.javascriptkit.com) More free scripts here--> var mondayimg="../m1.gif" var tuesdayimg="../m2.gif" var wednesdayimg="../m3.gif" var thursdayimg="../m4.gif" var fridayimg="../m5.gif" var saturdayimg="../m6.gif" var sundayimg="../m7.gif" var mydate=new Date() var today=mydate.getDay() if (today==1) document.write('<img src="'+mondayimg+'">') else if (today==2) document.write('<img src="'+tuesdayimg+'">') else if (today==3) document.write('<img src="'+wednesdayimg+'">') else if (today==4) document.write('<img src="'+thursdayimg+'">') else if (today==5) document.write('<img src="'+fridayimg+'">') else if (today==6) document.write('<img src="'+saturdayimg+'">') else document.write('<img src="'+sundayimg+'">') //--> </script> <p align="center"><font face="arial" size="-2">This free script provided by</font><br> <font face="arial, helvetica" size="-2"><a href="http://javascriptkit.com">JavaScript Kit</a></font></p>

Many large sites on the internet use similar scripts to display an image that spells out the current day of the week, ie Cnet.

---

Copyright © 1997-2007 JavaScript Kit. NO PART may be reproduced without author's permission.

CSS Library | JavaScript & DHTML Menus | CSS Drive | Cheap Web Hosting | JavaScript Tutorials
Web Development | Cheap Printer Ink | JavaScript Community | Web hosting | Windows Hosting

Read more...

Summary only...