后退体验优化:window.history.go(-1)

后退是浏览器中比较常用到的一个功能,很多页面尤其是404页面经常会用js在页面内实现这个功能。

不过很多时候,只是简单的一句如题所示的代码:window.history.go(-1)

有个毛病就是,如果是第一次触发这个页面,此功能无效,用户会经历一次失败的体验。

与其如此,不如返回首页,所以补完的代码如下:

if(window.history.length==1)
  window.location.href='http://garphy.com/';
else
  window.history.go(-1);

基本也就一句话,完善点击流程。

CSS随记

IE6篇:

内层元素浮动导致外层元素背景色异常,出现超链接闪烁现象

解决方案:

  1. 父级元素添加 zoom:1
  2. 父级元素添加 height:100%

margin双边距问题

解决方案:display:inline

绝对定位异常

解决方案:父级元素添加zoom:1

Chrome

最小字号12px限制:

解决方案:-webkit-text-size-adjust:none;

兼容篇

文字、图片垂直居中

  1. 全兼容方案:display:table-cell; vertical-align:middle;
  2. vertical-align:-1px
  3. font-family:tahoma; vertical-align:middle;

to be continued…

父级

[原创]天数倒计时脚本

亚运还有一年就开始了,应领导之需,就自己写了一个倒计时脚本,发上来分享下,有请各位大虾指点…

基本思路是算最后一年的天数,再计算相差多少年,得出总的天数差,然后再计时