这篇文章给大家分享的是有关JS如何模仿QQ好友列表展开、收缩功能的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

创新互联公司是专业的丁青网站建设公司，丁青接单;提供成都网站建设、成都网站制作,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行丁青网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

效果图如下所示：

js：

注意：

怎么区分for循环中有的用 i 有的用 j？

答：①如果是一个for循环，那么用 i 或者 j 哪个都行，一般是用 i .
②如果是两个for嵌套，那么看两个for中间有没有函数隔开：1.有函数隔开，那么这两个for循环中的变量都可以用 i 。2.没有函数隔开，那么这两个for循环中的变量不能使用相同的 i 来命名，一个 i ，一个 j .

例一：

下面是两个嵌套的for循环中没有函数隔开，所以一个是 i ，一个是 j .

for(var i=0;i
例二：
也是两个嵌套的for循环中，有一个函数隔开，那么就可以使用同一个 i 来命名。
for(var i=0;i
感谢各位的阅读！关于“JS如何模仿QQ好友列表展开、收缩功能”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！
另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
                

                分享文章：JS如何模仿QQ好友列表展开、收缩功能-创新互联                

                网站网址：http://azwzsj.com/article/hpoce.html