JQ+CSS+DIV多彩随机变化链接样式tag标签样式

9. $(this).addClass(“tags”+rand);

10. });

11. })

12.   

css代码如下：新建一个前端学习qun438905713，在群里大多数都是零基础学习者，大家相互帮助，相互解答，并且还准备很多学习资料，欢迎零基础的小伙伴来一起交流。

1. body{ text-align:center}

2. body,a{ font-size:13px;}

3. a{ color:#333333; text-decoration:none;}

4. .taglist{ width:350px;overflow:hidden; text-align:left; margin:0 auto;border:#dddddd solid 1px;}

5. .taglist .tit{ width:100%; height:24px; line-height:24px; background-color:#565662;}

6. .taglist .tit a{ padding-left:8px; color:#ffffff;}

7. #tags a{height:26px; line-height:26px;padding-right:6px;}

8. #tags .tags0{}

9. #tags .tags1{color:#C00; font-size:24px;}

10. #tags .tags2{color:#030; font-size:16px;}

11. #tags .tags3{color:#00F;}

12. #tags .tags4{ font-size:16px;}

13. #tags .tags5{color:#C00; font-size:20px;}

14. #tags .tags6{color:#F06 font-size:20px;}

15. #tags .tags7{color:#030; font-weight:bold; font-size:18px;}

16. #tags .tags8{color:#F06; font-weight:bold;}

17. #tags .tags9{color:#C00; font-weight:bold;font-size:16px;}

18. #tags .tags10{color:#090; font-weight:bold;font-size:18px;}

19. #tags .tags11{color:#09F;}

20. #tags .tags12{color:#F90;font-size:14px;}

21. #tags a:hover{ color:#F00; text-decoration:underline;}

22. .w95{ width:95%; margin:0 auto; padding-top:6px; padding-bottom:6px;}

23. .taglist .w95{}

HTML代码部分：

1.    

2. TAG标签/a>

4. 导航菜单a>

5. 焦点幻灯片a>

6. 条幅广告代码a>

7. 经典下拉菜单a>

8. jquery 特效a>

9. 滚动代码a>

10. 查看源码a>

11. css hacka>

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
**](https://bbs.csdn.net/topics/618191877)

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！