今天分享的是前端哥​之前在做项目的时候遇到的一个需求,h5端需要很多的图标并且需要后台控制,当时设计师也比较忙,刚好前端框架用的layui​,前端哥想了想就结合css字体图标font-awesome制作的这个字体图标选择插件,然后前端哥就整理一下代码分享到我的个人网站,希望对你有所帮助

demo代码里有详细的注释说明还有所有需要引入的文件和素材

layui+js+css字体图标选择插件_jquery

必须引入的文件有


<link rel="stylesheet" href="js/layui/css/layui.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<script src="js/jquery.min.js"></script> //jquery根据需求引入,因为laiyui本身就有jquery
<script src="js/icon.js"></script>
<script src="js/layui/layui.js"></script>