vue引入标题ico图标方法，以及标题跑马灯

浅浅的花香味﹌ 2022-01-23 14:27 571阅读 0赞

1 先有一个需要图片，png 、jpg ...格式都可以

2 把图片转换成 .con 格式的图标  ，http://www.bitbug.net/使用比特虫转换 ，目标尺寸：16\*16 或者 32\*32都行

3 转换后的图标命名为 favicon.ico ，放在项目根目录，与 index.html 文件同级

4 在 index.html 文件的<head></head> 内引入  <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" rel="external nofollow" />

5 在 webpack.dev.conf.js 文件中配置 ，如下所示

new HtmlWebpackPlugin(\{  
      filename: 'index.html',  
      template: 'index.html',  
      inject: true,  
      favicon: './favicon.ico'             此处是配置项  
    \})

6  npm run dev

7  刷新页面即可  
  
原文：https://blog.csdn.net/woaizhuzhuxia521521/article/details/85234779

跑马灯

<!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
      <title>滚动的标题栏哦</title>
    </head>
    <body>
      <script type="text/javascript" src="js/marqueeTitle.js"></script>
    </body>
    </html>

function marqueeInit(){
        //获取标题
        var title=document.title;
        //分割字符串
        var arr=title.split("");
        //删除第一个元素并返回该元素
        var e=arr.shift();
        //把一个对象添加到数组末尾
        arr.push(e);
        //把数组转换成字符串
        var marquee=arr.join("");
        //返回给浏览器
        document.title=marquee;
        //定时一直执行
        window.setTimeout("marqueeInit()",1000);
    }
    window.onload=marqueeInit;

发表评论取消回复

表情：

评论列表（有 0 条评论，571人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue项目修改浏览器图标以及标题

*favicon.ico**一般用于作为**缩略的网站标志**,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo,如图红圈的位置，目前主要的浏览器都支持*f...

超、凢脫俗/ 2024年04月20日 09:02/ 0 赞/ 79 阅读

相关跑马灯

vue 跑马灯思路：将字符串的第一个字符取出，再将剩下的所有字符取出，重新拼接字符串，将第一个字符放在最后，设置计时器。代码如下： <!DOCTYPE h

Bertha 。/ 2022年12月01日 15:53/ 0 赞/ 243 阅读

相关怎么在网页标题加入图标？

我们在浏览网站的时候，大部分网站页面的标题都是有图标的，那么如何在网页标题添加图标？首先，我们需要准备一张自己需要的图片。然后在百度搜索ico，找到在线生成 ioc图标。

刺骨的言语ヽ痛彻心扉/ 2022年11月07日 11:39/ 0 赞/ 186 阅读

相关 Vue 动态修改网页标题和图标

VUE2：二、普通方案，使用Vue-Router的beforeEach拦截 routes: [{ path: '/',

川长思鸟来/ 2022年11月07日 01:44/ 0 赞/ 1037 阅读

相关 VC 更改标题图标

1）：在ResourceView(资源编辑器)中打开Icon文件夹，把IDR\_MAINFRMAE图标改成你希望的样式即可。将资源中的ID号为IDR\_MAINFRAME

妖狐艹你老母/ 2022年07月19日 01:23/ 0 赞/ 229 阅读

相关跑马灯

[https://github.com/search?l=Java&q=%E8%B7%91%E9%A9%AC%E7%81%AF&type=Repositories&utf8=%

谁践踏了优雅/ 2022年06月05日 09:27/ 0 赞/ 250 阅读

相关 vue.js 实现跑马灯的效果

要求：点击“动起来”按钮实现跑马灯的效果（即字符自动滚动），点击“不要动”按钮实现跑马灯停止。 html源码： <div id="go"> <bu

谁践踏了优雅/ 2022年02月28日 13:34/ 0 赞/ 288 阅读

相关 vue引入标题ico图标方法，以及标题跑马灯

1 先有一个需要图片，png 、jpg ...格式都可以 2 把图片转换成 .con 格式的图标，http://www.bitbug.net/使用比特虫转换，目标尺寸：

浅浅的花香味﹌/ 2022年01月23日 14:27/ 0 赞/ 572 阅读

相关 vue修改浏览器的标题和图标

一，改标题内容方法一：直接在public/index.html中修改title即可，如下： ![watermark_type_ZmFuZ3poZW5naGVpdGk

旧城等待，/ 2021年07月25日 12:47/ 0 赞/ 912 阅读

相关 js title跑马灯

<html> <head> <meta charset="utf-8"> <title id="a">一二三四五六</title>

小灰灰/ 2021年07月24日 23:12/ 0 赞/ 453 阅读