Javascript implements completely semantic web page tab effects code _ javascript skills

This article mainly introduces JavaScript code for implementing completely semantic web page tab effects, which can achieve tab switching based on mouse sliding and clicking, which is of great practical value, if you need it, refer to the example in this article to describe the webpage tab effect code for JavaScript to implement full semantics. Share it with you for your reference. The details are as follows:

This is a completely semantic JS web page tab, which includes two usage methods: click and sliding, which of the following methods should be used based on your own needs? the sliding door is triggered when the mouse is passed, and the tab needs to be clicked with the mouse.

The running effect is as follows:

The online demo address is as follows:

Http://demo.jb51.net/js/2015/js-yyh-web-tab-cha-nav-codes/

The code is as follows:

Semantic Web page tabMouseover
 
 
 
  
  

    USA 
  
 
  
  

    I'm not afraid 
  
 
  
  

    North Korea 
  
 
  
  

    No one is afraid of me. 
  
 
  
  

    A country 
  
 
  
  

    I am afraid of anyone. 
  
 
 
Click
Orange
Orange
Blue
Blue
Green
Green