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

最新推荐文章于 2024-04-06 20:10:36 发布

键盘捕手

最新推荐文章于 2024-04-06 20:10:36 发布

阅读量1.1k

点赞数 1

分类专栏： vue

vue 专栏收录该内容

33 篇文章 2 订阅

订阅专栏

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;

键盘捕手

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
vue引入标题ico图标方法，以及标题跑马灯

1 先有一个需要图片，png 、jpg ...格式都可以2 把图片转换成 .con 格式的图标，http://www.bitbug.net/使用比特虫转换，目标尺寸：16*16 或者 32*32都行3 转换后的图标命名为favicon.ico ，放在项目根目录，与 index.html 文件同级4 在index.html 文件的<head></head&gt...
复制链接

扫一扫