? ? ? 文章

火狐地址栏加载进度条炫酷样式:瞬间高大上,已补动态图预览

火狐地址栏加载进度条炫酷样式:瞬间高大上,动态图预览

火狐地址栏加载进度条炫酷样式:瞬间高大上,有动态图预览

感谢狐友FFF团团长的提醒,原来代码中的最后一行,少加了一个}符导致代码失效,已修正。

火狐地址栏加载进度条炫酷样式下载
/*样式伪进度条*/
@-moz-document url-prefix("http://"),url-prefix("https://"){
html:before{
content:"";
position:fixed;height:3px;
z-index:10000000;top:0;left:0;
background: -moz-linear-gradient(top, rgb(232,25,87) 0%, rgb(170,0,51) 100%);
box-shadow:0 1px 5px rgba(190,50,0,0.5);
-moz-animation:jindu 3s ease 0.5s 1 forwards;
}
@-moz-keyframes jindu{
0% {width:0;}
99% {width:100%;}
100%{width:0;}
}
}
原文链接:,转发请注明来源!
1 0

发表评论

  • 评论19则,共1页,当前第1
    • stephenzhao

      这个可以用location bar enhancer扩展代替,功能更多,而且是在标签业内加载进度条,不额外占用屏幕空间,也可改变颜色和加载样式以及改造地址栏成分段形式

      0 0 Firefox 34.0 Firefox 34.0 Windows 7 x64 Edition Windows 7 x64 Edition回复
        • 和youtube一样,瞬间高大上!

      • 这是单一功能,location bar enhancer是套装,有部分狐友是用不上的。

    • 暗夜

      这个跟黑仪大螃蟹的LoadingBar.uc.js功能一样,不过黑仪大螃蟹的进度条颜色可以根据网页主色调进行适配。

      • 有没有链接,分享下:)

      • showFlagS.uc.js:神器级脚本,火狐地址栏显IP地址和 国旗 等信息
        http://www.firefoxfan.org/uc-script/328.html

    • FFF团团长

      试了下无效.光CSS就行了?不用UC脚本配合吗?

      0 0 Firefox 29.0 Firefox 29.0 Windows 7 x64 Edition Windows 7 x64 Edition回复
      • 这是纯CSS,无需任何其它扩展或脚本配合,相反,如果有装类似功能的UC脚本或扩展,要先禁用掉。

        • /*样式伪进度条*/
          @-moz-document url-prefix("http://"),url-prefix("https://"){
          html:before{
          content:"";
          position:fixed;height:3px;
          z-index:10000000;top:0;left:0;
          background: -moz-linear-gradient(top, rgb(232,25,87) 0%, rgb(170,0,51) 100%);
          box-shadow:0 1px 5px rgba(190,50,0,0.5);
          -moz-animation:jindu 3s ease 0.5s 1 forwards;
          }
          @-moz-keyframes jindu{
          0% {width:0;}
          99% {width:100%;}
          100%{width:0;}
          }
          }
          应该是这个吧,你那个我试了无效

          • 两个好像是一样的吧

            • 回复KingTung :

              我是在卡饭上找的,复制进Stylish直接就有用了,你之前的包括这个复制进去都无效......我基本不懂CSS....也不知道哪里出了问题,之前的那个复制进Stylish里点击查找错误是有错的

            • 回复FFF团团长 :

              谢谢,是我分享出来的代码问题,样式没有闭合,在最后一行加一个}就好了,问题已在文章中更正,谢谢你的提醒。

          • 重新更新了CSS代码,你再看看

      • 1.7mb的图,正准备处理下,临时急事出门没弄好,回去重传