Vanessa

大前端的点滴生活
Demo 0 篇文章

11 个视觉差滚动效果的 HTML5 网站

以前的视觉差只是简单的背景和前景滚动速度差异所致,但这些 Demo 呈现的是另一种感觉,非常 Cool。视觉差滚动效果意为多种背景层可以横向及纵向各自滚动。这个惊人的视效最早出现在 Nike2011 年的 NikeBetterWorld 项目里,自此这个效果广为沿用,时至今日,诞生了很多不错的作品。在此,与各位读者分享 11 个使用视觉差滚动效果的企业网站模版。绝对可以让你们大饱眼福。来源:Wabbaly 编译:Ant

超级简单的公告逐条循环滚动 ^^

一开始想着要自己写,从哪里开头呢?找插件吧。呃,还是自己写吧。要不还是找个插件吧,我找啊找啊找啊找。不合适吶。。。终于看到个源码,还是自己写吧。超级简单的,思路为:1. 只需把公告整体先向上滑动以遮住第一条;2. 滑动结束后,恢复原来现状,把第一个元素放于最后一个元素之后反之向上滚动源码:https://github.com/Vanessa219/bowknot/blob/8d09a8192ca1d59

回顾 2011 年将 JavaScript 推到极致的 20 个网站

导读:对于浏览器上的开发者来说,2011 年又是相当精彩的一年。Web 开发者 PhilHawksworth 在这篇文章中总结了 Web 上经典的 JavaScript 用法。那些喜欢冒险体验前沿技术的开发者现在应该会非常开心。浏览器正变得越来越强大,上面有各种丰富的功能可以供开发者选择,一些在几年前几乎难以想象的功能都已经一一实现。有了这些新功能,开发者现在能够开发出更精细、更复杂、更有想象力的用户界面了。这为网

12 个漂亮的 CSS3 按钮实现方案

真美,转自:http://www.alibuybuy.com/posts/72734.html#jtss-tsina 在过去,我们都是使用图片或者 JavaScript 来实现漂亮的按钮效果,随着越来越多的浏览器对 CSS3 的支持和完善,使用 CSS3 来实现美观的按钮已没有太多的障碍。今天,本文收集了 12 个很不错的 CSS3 按钮方案并有相关的使用教程。BonBonButtonsZardiCSS3ButtonsW

10 个顶级 JavaScript 动画框架推荐

使用 JavaScript 可以做出一些引人注目的动画效果,但通常不太容易实现。本文为你整理了 10 个非常优秀的 JavaScript 动画框架,使用它们你可以轻松实现动画效果。1.RaphaëlRaphaël 是一个小型 JavaScript 库,用于简化你的 Web 矢量图形工作。如果你想创建独特的图表或图形的裁剪和旋转部件,你可以使用这个简单方便的库来实现。源码 + 演示 2.Processing.js 该框架主要针对不

时间轴网站大集合与网页制作组件

B3log 社区首页可以找个用下。HOHO(图为 Timekiwi 网站的使用者个人页面,可以将 Facebook、Twitter、Instagram 等服务上的讯息整合在同一个时间轴上)如果有在使用 facebook 的朋友,最近应该已经渐渐开始有机会使用到新版的时间轴接口了,尽管网友对于时间轴的接口褒贬不一,但实际来看,时间轴的浏览接口有几个好处:? 迅速看到你与朋友的美好回忆? 迅速认识一位新的朋友? 看起来比较

HTML5 强大的 Details 元素

HTML5 新标签 details 元素刚刚被集成到 Chrome 最新的 12 版中。我将会在今天的快速入门中展示如何来使用它。__Details 标签可以用来做什么?它本质上允许我们在点击标签时显示和隐藏内容。你一定相当熟悉这种效果,但是直到现在,它总是用 Javascript 实现的。想象头部之后有一个箭头,当你点击它时,下面的附加信息将会呈现。再次点击箭头内容消失。FAQ 页面中经常使用这个功能。Details 元