Js+css the effect of the circular angle sliding door to realize the Adaptive tab width _javascript skills

This article illustrates the effect of js+css sliding door to realize the Adaptive tab width. Share to everyone for your reference. Specifically as follows:

This is a js+css to create an adaptive width of the rounded sliding door, here the fillet is mainly rely on a background picture to achieve, the width is the sliding door of the width of the navigation, regardless of the number of words, it will always go down, will not be the content of the bursting, compatibility, compatible with IE6/7/8, Firefox did not try, should also be compatible.

The screenshot of the running effect is as follows:

The online demo address is as follows:

http://demo.jb51.net/js/2015/js-css-auto-width-nav-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.