Fakeqiji homepage navigation bar DIV CSS JS [Code example]_Experience exchange

Author Zi Mo
An effect of Keqiji’s homepage. Someone asked me today how I wrote it, so I rewrote another one in the evening; by the way, I’ll reorganize the layout;
You can take a look at Keqiji’s homepage first. The effect: http://shanghai.kijiji.cn
I tried not to use the position:absolute method; but it was too difficult to write; later I still used position:absolute; but it was useless on the Keqiji site ; I really don’t know how it was written at that time;
The following is the rendering:


以下是布局部分

以下是CSS部分：CSS还是没有优化的；

以下为JS部分：由于javascript对于我来说太难了；所以可能这部分写的比较烂，但效果是出来了；

以下是用到的四个图：




看下效果吧！

Special instructions:

1. The CSS part is not very clear , because I feel a little dizzy while writing;
2. The five TAGs are randomly changed;
3. The JS part can be streamlined, but it must be supported by CSS;