爱意两存

您在本站浏览的时候，当您往下查看网页内容，右侧下部会出现一张阿童木的图片，点击后，会返回页面顶部。实现效果其实非常的简单。

这里用到了jQuery技术来实现此渐隐渐显的返回顶部效果。

我们只需要定义一段CSS样式和两段JS代码即可实现此效果。

阅读全文

阅读全文

进度条是很常用的一个用户体验项，用于表示事件的处理或加载状态，制作这些loading进度条我们通常会使用GIF图片来实现，但是这方法也有一些弊端，比如我要放大或改变颜色，这样就不好处理了。

要解决这些问题最好就是用代码来实现了，现在CSS3已经流行起来，我们是否也尝试一下用CSS来实现呢？方法是有的，而且很简单，看看今天设计达人网为大家分享的12个使用纯CSS3编写的进度条，loading图标和动画都很棒哦！如下图：

阅读全文

loading加载动画图片在网页设计上也是比较常用的，当你使用一些AJAX脚本加载的时候，我们通常会使用一张loading gif图片来让用户知道正在加载中，这是很不错的用户体验，今天为大家分享一个loading加载动画在线生成工具可以大大节约了设计师的制作时间，真很方便哦。

支持7种不同的加载样式

阅读全文

今天我们将分享一系列 CSS 3的工具提示教程。工具提示经常用来显示额外的信息。当我们创建网站上的链接时，我们都需要添加title来帮助SEO。这些title将会能够在鼠标hover的时候能显示，但是没有非常漂亮的样式。

Bubble Point Tooltips with CSS3 & jQuery

这里Chris Coyier展示了如何使用 CSS 3和jQuery来重新创建气泡式的工具提示

CSS3 Tooltips

阅读全文

进度条即在处理任务时，以图片形式显示处理任务的速度，完成度，剩余未完成任务量的大小和可能需要等待的时间等等。我们平时所见到的任务条基本上都为长方形条状。

今天专门收集50+富有创造性的任务条设计，相比之前长方形条状进度条来说，下面这些创造性进度条总能给人带来视觉上的美感。希望看了下面这些进度条例子能够激发创造属于自己的进度条。

1 2 3 Done by Eric Pastwa

阅读全文