jquery to achieve imitation Baidu homepage Sliding expansion expansion of the Add service effect code _javascript tips

This article is an example of the implementation of the jquery Baidu home page sliding expansion expansion of the added service effect code. Share to everyone for your reference. Specifically as follows:

This is a imitation Baidu home page jquery sliding expansion of the added service effect, in fact, is a telescopic menu, but this menu is a little special, only from one end to the other side stretching out, the expansion of the menu effect of smooth, beautifully designed.

The screenshot of the running effect is as follows:

The online demo address is as follows:

http://demo.jb51.net/js/2015/js-f-baidu-index-show-serv-style-codes/

The specific code is as follows:

<! DOCTYPE HTML PUBLIC "-//w3c//dtd XHTML 1.1//en" "Http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" >  

I hope this article will help you with your jquery programming.