首页风格
门户
博客

GBin1博客视图 - 最近发布的文章-demo

超简单的纯CSS3加载中效果

超简单的纯CSS3加载中效果

CSS3实现的加载中效果非常简单,我们在AJAX请求或者后台处理的UI中常常使用。

这里有一个简单的实现方式,代码如下:

/**
* (C)Leanest CSS spinner ever
*/

@keyframes spin {
to { transform: rotate(1turn); }
}

.progress {
position: relative;
display: inline-block;
width: 5em;
height: 5em;
margin: 0 .5em;
font-size: 12px;
text-indent: 999em;
overflow: hidden;
animation: spin 1s infinite steps(8);
}

.small.progress {
font-size: 6px;
}

.large.progress {
font-size: 24px;
}

.progress:before,
.progress:after,
.progress…

标签: CSS3, 加载中

阅读更多

分享10个jQuery图片加载插件和教程及其生成器

日期:2011/12/15  来源:GBin1.com

几乎所有经常大量使用图片展示的网站都对针对图片加载执行了一些有效的优化步骤,然而,并不是任何情况都能指望这样做。有时候你的确需要加载非常大的图片,而最后结果往往是图片加载过慢导致页面本身没有加载完整。因此考虑使用一些不错的jQuery插件帮助你异步加载图片以优化页面加载速度往往是一个不错的选择!

Queryloader v2

Queryloader v2简单的扫描指定元素的图片,并且在网站显示之前加载相关图片。

分享10个jQuery图片加载插件和教程及其生成器 gbin1.com

JAIL

JAML是一个异步的图片加载的插件,这个插件非常小(压缩版本仅4Kb ),非常小但是很强大。非常适合去加载大尺寸的图片。优化用户使用体验,主要的实现方式是在页面加载后再加载图片。

分享10个jQuery图片加载插件和教程及其生成器 gbin1.com

Lazy load plugin for jQuery

Lazy load是一个jQuery的插件,帮助长页面延缓加载图片。当图片处于用户的viewport之外,先不加载,当用户滚动后,再加载相应的图片。

使用lazy…

标签: HTML, CSS, Javascript, JQuery, 加载中, jQuery lazy loading, lazy loading, ajax loading, 加载中的生成器

阅读更多

喜欢我们的文章请您与朋友分享:

?ü?à

今日推荐