JavaScript special Effects source code (3, menu effects)

Source: Internet
Author: User

1. Left Click to display menu

Left-click popup menu [Recommended] [modify displayed text and links] [a total of 2 steps]====1, add the following code between the Heml 

 2, sliding-door menu

The menu of the sliding door style [modify according to the prompt] [a total of 2 steps]====1, add the following code to the HEML 

 3, floating top-level menus

First, floating top menu 1[Modify the name of the image and the address of the link [a total of 2 steps]====1, add the following code between the 

 4, drop-down menu

Fade Effect drop-down menu [recommended] [modify displayed text and links] [a total of 2 steps][ie for]====1, add the following code to the HTML 

 5, Normal drop-down menu

One, ====1, add the following code between the <body></body> of HTML: <form name= "Guideform" > <select name= "guidelinks" > <option SELECTED value= "http://qdjacky.126.com" > My homepage <option value= "http://place.com/page2.htm" > Links <option value= "http://place.com/page3.htm" > Links <option value= "http://place.com/page4.htm" > Friendship Connection </ select> <input type= "button" name= "Go" value= "go!" onclick= "window.location= Document.guideform.guidelinks.options[document.guideform.guidelinks.selectedindex].value "> </FORM> = = = 2, Special note: The contents of the menu is unlimited, according to the format can be written. The connection URL is available with an absolute URL (http://) and a relative path.  On the same page do not use the same two common menu code, of course, to use absolutely no problem only 2 form and select name (name) should not be repeated, not always called "guideform" it? Second, ordinary drop-down menu 2[Modify text and link address can be [a total of 2 steps]====1, add the following code between the HTML <body></body>: <form name= "Guideform" >< Select Name= "Guidelinks" onchange= "window.location=document.guideform.guidelinks.options[ Document.guideform.guidelinks.selectedindex].value "><option SELECTED value=" javascript:void (0) "> select a project <option value= "httP://place.com/page1.htm "> Links <option value=" http://place.com/page2.htm "> Links </select></form >====2, special note: Do not use the code of the above 2 scripts on the same page, of course, use absolutely no problem.   Just the name of the 2 form and select should not be repeated, not always called "Guideform"?

 

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.