頁面特效 UI組件庫 菜單導航 窗口特效 幻燈片滑動 圖像相冊 表單 選項卡 表格 評分星級 手風琴 文本鏈接 布局 日歷 顏色選擇器 按鈕 圖表 html5 提示 ExtJS 在線客服 其他特效 地圖 樹形控件 移動開發 BootStrap 滑動條 文件上傳 表單驗證 分頁 播放器 Angular VUE

輕量級動畫圖標favicon插件

其他特效 HTML我幫您 22天前  次瀏覽

輕量級動畫圖標favicon插件網站的小圖標基本上都是靜態的,你如果想用動態的圖標,可以考慮用這個。

由于瀏覽器主線程中計時器函數的限制,使用canvas進行動畫的基本解決方案無法開箱即用。庫使用web worker創建當tab不在焦點時不停止的計時器。

如果您有耗時的計算和人員切換選項卡,并且希望在應用程序完成其所做的任何操作時通知他們,則可以使用此庫。

輕量級動畫圖標favicon插件

<script src="favloader.js"></script>
<script src="https://unpkg.com/[email protected]"></script>
favloader.init({
    size: 16,
    radius: 6,
    thickness: 2,
    color: '#0F60A8',
    duration: 5000 });
favloader.init({
    gif: 'loader.gif' });
var p = 0; var reversed = false; var width = 2; var size = 32; favloader.init({
  size: size, frame: function(ctx) { ctx.fillStyle = '#F00A0A'; ctx.fillRect(p, 0, width, size); if (reversed) {
      p--; if (p === 0) {
        reversed = false;
      }
    } else {
      p++; if (p === size - width) {
        reversed = true;
      }
    }
  }
});

相關鏈接

發表評論

经典黑杰克游戏 湖南快乐十分开多少退换本金 中国古今最会赚钱的是谁 今天内蒙古快3走势图 双色球开奖复式如何计奖 浙江福彩快乐12下载 北京新11选五开奖结果 有德州牛仔的游戏 扮卡通人物赚钱吗 足彩半全场投注技巧 彩票专业分析器app 重庆秒速时时彩规律 沃百富赚钱 山西快乐十分开奖派彩 彩客app 拉铁粉赚钱吧 大乐透第17133期号码预测