gpt4 book ai didi

javascript - 将图像文件添加到现有的 javascript

转载 作者:行者123 更新时间:2023-12-03 06:14:59 25 4
gpt4 key购买 nike

我正在使用带有现有 JavaScript 的模板。移动菜单“图标”实际上是一个下拉菜单,其中包含“MENU”一词。在我看来,这是旧风格,我想将其更改为移动菜单的标准 3 栏。

引起这个问题的 JavaScript 部分是:

if ($nav.is('ul,ol')) {

if (settings.header) {
$select.append(
$('<option/>').text('MENU')
);
}

是否可以添加 .src("img/mobilemenubars.png") 或其他内容来替换 .text('MENU') 部分?我可以提供完整的 JavaScript,但我不确定这是必要的。或者是吗?

最佳答案

您可以使用 unicode 字符和 Font Awesome 字体系列来完成此操作。 Here is a DEMO

这是Font Awesome cheat sheet对于 unicode 图标

select {
font-family: FontAwesome;
}
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<title>JS Bin</title>
</head>

<body>
<select>
<option>&#xf0c9; Menu</option>
<option>&#xf040; Pencil</option>
<option>&#xf072; Vacation</option>
</select>
</body>

</html>

关于javascript - 将图像文件添加到现有的 javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39149130/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com