wordpress主题页面顶部加载进度条的实现,大叔第一时间能想到的就是css3了,但是可能对IE低版本的浏览器兼容性不好了,但是玩wordpress的,都无视IE了哈,那么,下面我就直接说教程吧,简单粗暴,css3JQ了辣。 CSS3 body{ margin:0; } { position: height:2 background:2085c5; transition:500linear } progress。{ opacity:0 } { position: height:2 webkitboxshadow:2085c51061 webkitborderradius:100; opacity:1; width:150 rightright:10 webkitanimation:20 } { 30{ opacity:。6 } 60{ opacity:0; } 100{ opacity:。6 } } 对的,仅针对针对webkit内核浏览器写的,处女座的你,可以适当的多写一些前缀。 HTML代码 jquery代码 ({property:0})。animate({property:100},{ duration:3000, step:function(){ Math。round(this。property); (‘progress’)。css(‘width’,percentage“”); if(100){ (“progress”)。addClass(“done”);完成,隐藏进度条 } } }); 活学活用吧,上面设置的时间是3秒,根据自己的需求设定时间吧,到了这步,wordpress主题页面顶部加载进度条的实现就出现了,做为想学习者,我想你应该知道ctrlf5是去缓存刷新,刷新后,看看刷新网页,顶部是不是出现了加载进度条了。。恩,就是这样!