网页要动起来才好看!
最初看到动起来的网页,我非常惊奇,至今仍觉得这是Web2.0最直接易懂的特征。
当然,凡事都要有度,如果动态效果过多,往往会干扰网页正文,有一阵,大家都烦那些会飘的,永远占据屏幕,赶也赶不走的动态广告。这样的结果就叫“喧宾夺主”。还有另外一种动态效果容易引起不良的用户体验,这就是一不小心,容易产生屏幕闪烁,炫目晃眼。
写博客时,很想提醒访客下次再来,特别是有了新博文放上后希望立刻有客人来访问,此所谓 “有朋自远方来,不亦乐乎?”的心情。每当此时,心中就特别想,即不打扰客人的来访,却也在无声无息之间,提醒访客做个RSS订阅 ,或者摆个广告什么的:) 。为了这个目的,希望让浮动栏跟随鼠标滚动,同时又能够做到不干扰正文的阅读,而且屏幕显示柔和不闪烁。

首先,让浮动栏窄窄地躲到最边上,这样可以不干扰正文的阅读了。目前很多网站都是这么做的。
但,屏幕的闪烁问题如何避免呢?好像大多数的网站都没有注意到这个问题。我想了一个方法,在今年六,七月间,采用JQuery,做了一个动态效果,使用至今几个月,感觉挺好。这里和大家分享一下。

先看一下结果: 请您往最右边看,再滚动滚动页面,然后等上大约5秒钟,是不是发现了一个彩色直条(浮动订阅栏)悄悄的跟随而来?是否,屏幕不闪烁,不晃眼吧?

现在让我们来看一下,屏幕不闪烁是如何做到的。
阅读全文