首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

在浏览器 favicon 下显示进度 很帅 很酷

2013-02-24 
在浏览器 favicon 上显示进度很帅 很酷Look up at your tabs for the live demo!DocumentationBasic usage

在浏览器 favicon 上显示进度 很帅 很酷

Look up at your tabs for the live demo!

Documentation

Basic usage
Piecon.setProgress(12);Piecon.setProgress(25);...Piecon.reset();

Options
Piecon.setOptions({  color: '#ff0084', // Pie chart color  background: '#bbb', // Empty pie chart color  shadow: '#fff', // Outer ring color  fallback: false // Toggles displaying percentage in the title bar (possible values - true, false, 'force')});

Browser Support

Piecon has been tested to work completely in the following browsers (older versions may be supported, but haven't been tested):

    Chrome 15+Firefox 9+Opera 11+

    Currently the library falls back to title updates for the following browsers:

  • Internet Explorer 9
  • Safari 5+?<link rel="icon" href="favicon.ico" />?? ?<script src="jquery-1.8.2.min.js"></script>? <script src="piecon.js"></script>? <script>? (function(){?? ? var count = 0;? ? Piecon.setOptions({fallback: 'force'});? ? var i = setInterval(function(){? ? ? if (++count > 100) { Piecon.reset(); clearInterval(i); return false; }? ? ? Piecon.setProgress(count);? ? }, 250);? })();??? </script>

    不过用着用着应该是个标题党罢了 没有什么实质用处。

    我的博客 http://zencart.me

热点排行