Hey 2014

来不及写下年末的感悟,新的一年就这样来了。

总是习惯在新年伊始做点什么。回首过去,展望未来是再自然不过的事了。

全文»

页面跳转滚动到指定位置

我们知道,设置锚点链接可以让我们快速找到想要部分,尤其是在页面内容多的情况下,设置一个锚点链接导航尤为方便。无论是在同一页面跳转还是在不同页面间跳转,只要在对应页面加上相应的id,锚点链接设置 href=”#id” 即可。

要实现滚动到某个固定位置,如果是当前页面内跳转,传统的做法是获取该位置的offsetTop,然后通过运动函数让body的scrollTop达到offsetTop即可。

全文»

鼠标滚轮不重复执行事件解决方案

在前些日子的有博文介绍过鼠标滚轮,但都是其相关方法和属性,以及其兼容性方面的内容。而这篇文章主要是说明鼠标滚轮下不重复执行事件的问题和解决方案。

全文»

一个基于css3的时钟

css3定义了可对元素进行变形和旋转,于是在闲暇的功夫做了一个时钟。此时钟的运行必须在高级浏览器,另如果要在ie10运行,必须给transform加上相应的前缀即可。

说说时钟的原理,根据时钟的时分秒针走动,我们可以得到:每个小时有30deg,每个刻度为6deg。秒针每走360deg , 则分针走6deg ,时针走 0.5deg。其中秒针每秒走一次,而分钟位置可通过当前日期对象(假设为oDate)的getMinutes()来获得。那么时针的位置就可以由分钟来确定,即oDate.getMinutes/60*30 。

全文»

ajax实现简单的文本框输入提示

近来事多时少,所以博客更新的日期也比较滞后。其实大多时间,还是受感情牵制,于是便有了情绪的起伏不定,自然也没有做事的心思了。

关于文本框输入提示,网页上随处可见。比如新浪微博的登录,最常用的莫过于搜索输入了,比如百度搜索:

全文»