14 05 月 2015 滚动中 hold 住导航,页面不抖动的解决方案 A(Logo,Name,Keys,Description)B(Nav,menu)C(Main,Content)一个页面被分为 A,B,C 三个部分。当用户开始滚动时,A 被 B 慢慢遮住,滚到 B 或者 C 时,B 需要一直位于浏览器顶部。一般解决方案:A:position:fixedB:margin-top:A.height 滚动事件 if(scrollTop>A.height){B:position:fixed}els
02 11 月 2012 超简洁 textarea 高度自适应 不废话。直接上代码。$("#commentContent").val("").keyup(function(event){//ctrl+enter 提交评论 if(event.keyCode===13&&event.ctrlKey){Comment.add(Label.articleOId);}//根据换行符设置 rowsthis.rows=this.value.split("\n").length;//
27 06 月 2012 11 个视觉差滚动效果的 HTML5 网站 以前的视觉差只是简单的背景和前景滚动速度差异所致,但这些 Demo 呈现的是另一种感觉,非常 Cool。视觉差滚动效果意为多种背景层可以横向及纵向各自滚动。这个惊人的视效最早出现在 Nike2011 年的 NikeBetterWorld 项目里,自此这个效果广为沿用,时至今日,诞生了很多不错的作品。在此,与各位读者分享 11 个使用视觉差滚动效果的企业网站模版。绝对可以让你们大饱眼福。来源:Wabbaly 编译:Ant
06 06 月 2012 超级简单的公告逐条循环滚动 ^^ 一开始想着要自己写,从哪里开头呢?找插件吧。呃,还是自己写吧。要不还是找个插件吧,我找啊找啊找啊找。不合适吶。。。终于看到个源码,还是自己写吧。超级简单的,思路为:1.只需把公告整体先向上滑动以遮住第一条;2.滑动结束后,恢复原来现状,把第一个元素放于最后一个元素之后反之向上滚动源码:https://github.com/Vanessa219/bowknot/blob/8d09a8192ca1d59
18 05 月 2012 回顾 2011 年将 JavaScript 推到极致的 20 个网站 导读:对于浏览器上的开发者来说,2011 年又是相当精彩的一年。Web 开发者 PhilHawksworth 在这篇文章中总结了 Web 上经典的 JavaScript 用法。那些喜欢冒险体验前沿技术的开发者现在应该会非常开心。浏览器正变得越来越强大,上面有各种丰富的功能可以供开发者选择,一些在几年前几乎难以想象的功能都已经一一实现。有了这些新功能,开发者现在能够开发出更精细、更复杂、更有想象力的用户界面了。这为网
28 04 月 2012 12 个漂亮的 CSS3 按钮实现方案 真美,转自:http://www.alibuybuy.com/posts/72734.html#jtss-tsina 在过去,我们都是使用图片或者 JavaScript 来实现漂亮的按钮效果,随着越来越多的浏览器对 CSS3 的支持和完善,使用 CSS3 来实现美观的按钮已没有太多的障碍。今天,本文收集了 12 个很不错的 CSS3 按钮方案并有相关的使用教程。BonBonButtonsZardiCSS3ButtonsW
06 02 月 2012 超过 20 个强大的 HTML5 Web 应用 1.TwimbowTwimbow 是一个基于 HTML5 开发的 Web 应用,用于帮助用户管理他的社交网络,该应用色彩非常多样。TwimbowisaHTML5webapplicationthathelpsusersmanagetheirsocialnetworkofchoicemoreefficiently.It’sverycolorfulandthisiswhatdifferentiatesitfromo
19 01 月 2012 10 个顶级 JavaScript 动画框架推荐 使用 JavaScript 可以做出一些引人注目的动画效果,但通常不太容易实现。本文为你整理了 10 个非常优秀的 JavaScript 动画框架,使用它们你可以轻松实现动画效果。1.RaphaëlRaphaël 是一个小型 JavaScript 库,用于简化你的 Web 矢量图形工作。如果你想创建独特的图表或图形的裁剪和旋转部件,你可以使用这个简单方便的库来实现。源码 + 演示 2.Processing.js 该框架主要针对不
26 12 月 2011 时间轴网站大集合与网页制作组件 B3log 社区首页可以找个用下。HOHO(图为 Timekiwi 网站的使用者个人页面,可以将 Facebook、Twitter、Instagram 等服务上的讯息整合在同一个时间轴上)如果有在使用 facebook 的朋友,最近应该已经渐渐开始有机会使用到新版的时间轴接口了,尽管网友对于时间轴的接口褒贬不一,但实际来看,时间轴的浏览接口有几个好处:?迅速看到你与朋友的美好回忆?迅速认识一位新的朋友?看起来比较
21 11 月 2011 HTML5 强大的 Details 元素 HTML5 新标签 details 元素刚刚被集成到 Chrome 最新的 12 版中。我将会在今天的快速入门中展示如何来使用它。________________________________________Details 标签可以用来做什么?它本质上允许我们在点击标签时显示和隐藏内容。你一定相当熟悉这种效果,但是直到现在,它总是用 Javascript 实现的。想象头部之后有一个箭头,当你点击它时,下面的附加信息将