js中搜索栏中的搜索图标(以及其他各种图标)怎么写?Fontawesome

本文介绍了如何在JavaScript项目中使用Fontawesome图标库,特别是如何添加搜索图标。推荐了Fontawesome的中文网站,并提供了下载、引入CSS文件以及在HTML中插入图标代码的步骤。此外,还提及Fontawesome可用于调整图标大小、对齐、动态效果等多种用途。
摘要由CSDN通过智能技术生成

一、推荐网站

可能大家刚写js时,遇到一些需要用的图标,会上网去搜图片,然后ps。。。其实,有一个很好的网站已经为我们设计好了所有的(几乎你需要用的)所有图标。有很多这样的网站:fontawesome、ionicons、google icons,IconFont。作为新手来讲,今天给大家推荐fontawesome(第二部分,会介绍一个使用fontawesome的实例)。先给大家推荐两个网站:

1.中文网站,不需注册,简单方便  http://fontawesome.dashgame.com/

2.英文官网,需注册    https://fontawesome.com/?from=io

二、实例讲解(在js中写一个搜索栏的搜索图标)

1.使用上面推荐的中文网站,点击立即下载,将font awesome的文件夹下载下来。下载放入电脑中存放h5文件的文件夹中

2.在h5文件夹中添加link, href中写存放font awesome文件夹中的css文件中的font-awesome.css文件路径

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值