This page contains the javascript you need to put music on your page as well as many other inventive and hard to find javascripts.
Backgrounds, Animations,
Graphics, Javascripts,
Free Software,
and more

bellsnwhistles.com - animated graphics and free software

Everything on
this site is Free.
WEB BUILDING HELP, JAVA, ETC. > Site Index Tags and Javascript Java Menus Java Effects
Java Text Web Editors Software Resources Graphics Links Midi Links Awards
Link Here Icons . . NON-ANIMATED GRAPHICS > 1 Bullets 1
2 Rules 2 3 Rules 3 4 Rules 4 5 Rules 5 6 Rules 6 7 Birds & Beasts 7 8 Icons 8
. GIF-ANIMATED GRAPHICS > 9 Rules 9 10 Rules 10 11 Rules 11 12 Rules 12
13 Rules 13 14 Rules 14 15 Bullets 15 16 Bullets 16 17 Bullets 17 18 Bullets 18 19 Bullets 19
20 Bullets 20 21 Bullets 21 22 Bullets 22 23 Bullets 23 24 Bullets 24 25 Arrows 25 26 Const. Signs 26
27 Globes 27 28 Flames 28 29 Mail 29 30 Signs 30 31 Signs 31 32 Pictures 32 33 Pictures 33
34 Pictures 34 35 Pictures 35 36 Pictures 36 37 Pictures 37 38 Pictures 38 39 Stars 39 40 Love 40
41 Shapes 41 42 Critters 42 43 Halloween 43 BACKGROUNDS 44 backgrounds 44 45 backgrounds 45 46 backgrounds 46
47 backgrounds 47 48 backgrounds 48 49 backgrounds 49 50 backgrounds 50 51 backgrounds 51 52 backgrounds 52 53 backgrounds 53
SCRIPTS PAGE INDEX
Midi File HTML Borderless E-Mail icon HTML without text
Borderless E-Mail icon HTML with centered text Break out of Frames HTML
.Wav File Player Automatic Page Changer
True Type Fonts Text Mouse Over
Button Mouse Over Text Scroll Box
Digital Date and Clock Window Popup Graphic Mouseover
Window Popup Text Mouseover Window Popup Form Button
Jukebox script (zip file compliments of John Popp) Multi Colored Headers and/or Text
Browser Type (What Browser is being used)

Here are some hard to find javascript tidbits for you to use. Follow All Directions Exactly!

After accessing the scripts for these, simply close the browser window to return to this page.

If you use the graphics or other resources of bellsnwhistles.com, please provide a link to the site on your links page or elsewhere on your site.

BROWSER TYPE SCRIPT (What Browser Is Being Used)

Here is the
Browser Type Script

EXAMPLE

Return to Index

MIDI PLAYER

<!--begin midi html-->
<p><center><EMBED SRC="YOUR MIDI SONG NAME"
type="audio.mid"
HEIGHT=28 WIDTH=320
AUTOSTART="true"
playcount="0"
LOOP="false"
showstatusbar="false">
</EMBED><noembed>
<"YOUR MIDI SONG NAME">play </a>
</noembed>

Put the name of the midi file in the code where it says "Your midi song name". The size tags I have here are for the Quicktime® plugin. The size can be changed as you wish to fit whatever midi player you wish. Leave in all quotation marks.

EXAMPLE

<"http://www.bellsnwhistles.com/midi/boxdance.mid">play </a>



Return to Index

BORDERLESS E-MAIL ICON LINK

<!--begin e-mail icon html-->
<p><center><a href="mailto:YOUR E-MAIL ADDRESS"><img src="NAME OF PICTURE" height=HEIGHT IN PIXELS width=WIDTH IN PIXELS X-SAS-UseImageHeight X-SAS-UseImageWidth Border=0></a></center></p>
<!--end e-mail icon html-->

This code will give you a borderless e-mail link. Do not forget to put in your own e-mail address where it says YOUR E-MAIL ADDRESS and insert the actual name of the .gif or .jpg file where it says "NAME OF PICTURE." Also, change the words "WIDTH and HEIGHT IN PIXELS to the actual numbers and be sure to leave in all quotation marks.

EXAMPLE

Return to Index

BORDERLESS E-MAIL ICON WITH TEXT

If you wish to put a message with the e-mail icon and have it centered in relation to the icon, use the following HTML.

<!--begin e-mail icon with text html-->
<p><center><table><tr><td><a href="mailto:YOUR E-MAIL ADDRESS"><img src="NAME OF PICTURE" height=HEIGHT IN PIXELS width=WIDTH IN PIXELS hspace=10 X-SAS-UseImageHeight X-SAS-UseImageWidth Border=0></a></td><td><b><a href="mailto:YOUR E-MAIL ADDRESS">A Text E-Mail Link Here</a> And The Rest Of Your E-Mail Message Here.</b></td></tr></table></center><p>
<!--end e-mail icon with text html-->

Leave in all quotation marks and put your own e-mail address in place of YOUR E-MAIL ADDRESS and change NAME OF PICTURE to the actual .gif or .jpeg file name. Also, Change the words "WIDTH and HEIGHT IN PIXELS to the actual numbers.

EXAMPLE

e-mail either with this text link or by clicking the e-mail icon. They both work.

Return to Index

BREAK OUT OF FRAMES

Many sites will stick you in frames when you use their links. This makes it so the page that your browser registers, as the page that it is presently using, the site that the link is on. To make it so that people can break free of these frames, you need to put this HTML on your page:

<!--begin break frames html-->
<p><center>If you have come to this page in a frame from another site,<br><font size="+2"><a href="YOUR COMPLETE PAGE URL" target="_parent">Click here to break free</a>.</font></center></p>
<!--end break frames html-->

Change the wording YOUR COMPLETE PAGE URL to your own complete page address. Leave in all quotation marks.

EXAMPLE

If you have come to this page in a frame from another site,
Click here to break free.

Return to Index

.WAV FILE PLAYER

You may wish to play a .wav (wave) file on your page. These are particularly large so be careful of how big your file is. This script will play it for you.

<!--begin wav html-->
<p><center><EMBED SRC="YOUR WAV FILE NAME"
type="audio.wav"
HEIGHT=28 WIDTH=320
AUTOSTART="true"
playcount="1"
LOOP="false"
showstatusbar="false">
</EMBED><noembed>
<"YOUR WAV FILE NAME">play </a>
</noembed>

Wave File Player Script

The "Hi There" that you heard when accessing this page is the example.

<"http://www.bellsnwhistles.com/hi.wav">play </a>

Return to Index

AUTOMATIC PAGE CHANGER

<!--begin automatic page changer script-->
<META HTTP-EQUIV="Refresh" delay=5 CONTENT= "5;URL=TARGET PAGE URL">
<!--End automatic page changer script-->

Put this script immediately after the <head> tag on the page. The second number "5" on this must be adjusted to the average time it takes for a 14,400 modem to load all the images on the page or it will not work and you must change the TARGET PAGE URL wording to the html filename of the page you wish the html to access. Also, leave in all quotation marks.

EXAMPLE

Here is the Example of this tag. The example will automatically return you to this page.

Return to Index

TRUE TYPE FONTS

True Type fonts can be viewed in a web page on any computer with the fonts installed. Include all fonts you wish the user to be able to access, with the preferred font listed first, in the tag as you don't know which ones the user has installed. Be sure to list the common fonts to the computer, such as Times New Roman and Arial. You can, of course, change the font size to whatever you like in this tag.

<!--begin font tag-->
<font size="+2"<font face="Verdana,Helvetica,Comic Sans MS,Arial">MESSAGE GOES HERE</font></font>
<!--end font tag-->

EXAMPLE

This is a +2 Viking or Van Dijk header (or another listed font) if you have MSIE in your machine, it is something else if you only have Netscape.

Return to Index

TEXT MOUSE OVERS

You may wish to put a personal message on the status bar of the browser to go with your link. This script will do that for you. When someone puts their mouse pointer on the link, your message will show on the status bar. When they click the link, it will act like a link.

Text Mouse Over Script

EXAMPLE

This will not work with a message box on the status line so the example is here.

Return to Index

BUTTON MOUSE OVERS

This script will not work on MSIE 3.x but will work on MSIE 4.x.

You may wish to have a link or other picture change colors or change pictures when someone runs their mouse over it. This script will do this. To use this script, you will need to have two different buttons or pictures.

Button Mouse Over Script

EXAMPLE

reload page! Clicking this button or this link will reload this page.

Return to Index

TEXT SCROLL BOX

Would you like to have a scrolling text box that will work on both Microsoft and Netscape? This script will do this.

Text Scroll Script

EXAMPLE

Return to Index

DIGITAL DATE AND CLOCK

Here is the

Digital Clock Script

EXAMPLE

The example of this script is on its own page

Return to Index

WINDOW POPUP GRAPHIC MOUSEOVER

Here is the

Window Popup Graphic Mouseover Script

EXAMPLE


Run your cursor over the graphic and a window will open

Return to Index

WINDOW POPUP TEXT MOUSEOVER

Here is the

Window Popup Text Mouseover Script

EXAMPLE

Run your mouse over me and a window will appear on your screen!

It should be noted that with Netscape 3 or MSIE 5 and above the window will close automatically when the mouse leaves the text link that opened it. On earlier versions of MSIE or Netscape, the window must be closed by the user.

Return to Index

WINDOW POPUP FORM BUTTON

Here is the

Window Popup Form Button Script

EXAMPLE

Return to Index

MULTI COLORED HEADER

Here is the

Multi Colored Header/Text Script

EXAMPLE

Return to Index


Return to Index

Indexleft arrow right arrow
Java Menus


Website Copyrightę by: bellsnwhistles.com. All Rights Reserved.