JS implementation of the Concise Web page Sliding tab menu effect code _javascript Tips

The example of this article describes the JS implementation of the Simple Web page Sliding tab menu effect code. Share to everyone for your reference. Specifically as follows:

Here is a simple style of the Web page Sliding door code, based on JS and DIV+CSS implementation. Sliding door menu, just put the mouse on the switch menu, and the page tab is only a different form of operation, the sliding door to change the card only the Gate menu in the onmouseover into the onclick on the line, so changed, the switch content needs to click the mouse Door menu can be.

The screenshot of the running effect is as follows:

The online demo address is as follows:

http://demo.jb51.net/js/2015/js-css-div-hd-tab-codes/

The specific code is as follows:

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">  

The

wants this article to help you with your JavaScript programming.