Pull Down Menu List - Surfing with Image Button

Web surfing menu drop-down list using the "GO" image button. It includes the Web browser's status bar description of the image button when the mouseover it. Web users simply select content of interest from the pull down menu list, and they can easily get to that page.

This script is a combination of JavaScript and HTML interactive forms. Widespread use in the general web page, and can run in most Web browsers such as Internet Explorer, Firefox, Google Chrome, and etc.

Script Demo:

Demo

JavaScript Code:

Insert this code into <head> tags

Insert this code into <body> tags

<script language="JavaScript">
<!-- This script and many more are available free online at -->
<!-- Road to webmaster http://www.road2webmaster.com -->
<!-- Hide from old browsers


 function surfto(form) {
        var myindex=document.myform.dest.selectedIndex
        location=document.myform.dest.options[myindex].value;
}
//-->
</script>
<form name="myform">
  <select name="dest" size=1>
    <option selected value="http://URL#1">URL #1 DESCRIPTION
    <option value="http://URL#2">URL #2 DESCRIPTION
    <option value="http://URL#3">URL #3 DESCRIPTION
    <option value="http://URL#4">URL #4 DESCRIPTION
  </select>
<a href="javascript: surfto()" onmouseover="self.status='YOUR STATUS DESC HERE';return true"
onmouseout="self.status='';return true"><img src="YOUR IMAGE" border=0 align=absmiddle>
</a></form>

Instruction:

Copy the code into your HTML documents.
Change the Web browser's status description: onmouseover="self.status='YOUR STATUS DESC HERE';
Change the "Go" image button path: src="YOUR IMAGE"
To add a new links, insert the code below into SELECT tags and change the value of the link.

<option value="http://URL">URL DESCRIPTION HERE

Webmaster » Web Programming » JavaScript » Pull Down Menu » Surfing - Image Button

Related Links:

Home | Sitemap | Bookmark This Page

Sponsored Links

Sponsors

Recommended Links