带缓冲效果自动显示隐藏的返回页面顶部代码

分享一个带缓冲效果的,自动显示隐藏的返回页面顶部的代码。先声明,此代码在ie6下不能正常工作(为了ie6能够早日在中国灭亡,大家都升级浏览器吧!)…其他浏览器均可正常使用
这里用到了jquery,大家可以到官方网站下载最新版本。

html代码:

1
<div id="top" class="gotop"></div>

css代码:

1
2
3
4
5
6
7
/*返回顶部按钮*/	
.gotop{
	display:none;
	position:fixed; right:50%; bottom:0;//用fixed定位到页面最底部,右距离为50%
	width:17px; height:60px; margin-right:-522px; //然后向右移动522px(根据你的需要自行调整)
        background:url(../images/faq_bg.jpg) no-repeat -662px -269px scroll;     
        cursor:pointer;}

阅读全文 >>

推荐《简约至上:交互式设计四策略》–简约不简单

几年前,简约这个词在web设计领域里没被重视的时候,大部分网站还是以内容为主,结构功能很复杂,有时恨不得把所有内容、功能都用上,我的网站才是时髦的。如今,令人高兴地是,越来越多的设计开发者认识到针对用户而设计的产品(这里包括易用性、功能可行性、界面设计等)才是符合主流用户的产品。

阅读全文 >>

推荐《web表单设计-创造高可用性的网页表单》一书

用了两周时间,在拥挤的地铁上,图灵的新书《web表单设计-创造高可用性的网页表单》看完了。

web表单在我们当今的互联网生活中无处不在。大到招聘网站当中的个人简历,小到用户登录,要想创造出高可用性的表单,除了重视这方面的公司外,我想大多数网站中的web表单易用性都很糟糕。曾经记忆犹新的一次失败体验是在一个网站上辛辛苦苦填的个人资料,点击下一步出现错误,提示返回后之前填的资料全没了,还要重新填写一遍,难道他们就没有为用户考虑一下保存已有表单的资料吗? 阅读全文 >>

细节制胜–返回顶部按钮对网站的易用性

我们在浏览网站时,如果遇到很长的页面,当我们浏览网站下方内容时想返回网页顶部,一是狂转鼠标滚轮,一是拖动右侧滚动条,但这两个方法都会使浏览者产生急躁情绪。很多浏览者是没有这样的耐心的,这样也会失去很多的用户!

阅读全文 >>

推荐《html5 高级程序设计》一书

有幸收到人民邮电出版社图灵公司寄来的《html5 高级程序设计》一书。近两周空暇时间的阅读,受益颇丰…

html5是全新的标准,目前市面上有关html5的相关书籍很少。我们在参考网上的相关资料时,无非都是简单介绍视频、音频、画布、表单以及web存储这些主要的内容,而且举得例子都很独立,整体来说,不连贯。 阅读全文 >>

(译)如何建立一个移动网站

在过去的几年中,移动网络使用的大幅增加已发展到了一定规模,以至于Web开发人员和设计人员再也不能忽视它。在发达国家,这种转变正在被更快的移动宽带连接和更便宜的数据服务推动着。然而,这种大幅增加在发展中国家也被看到,人们已经跳过购买pc而直接选择手机。

不幸的是,移动领域引入了一层复杂性,开发人员很难适应。移动开发不只是跨浏览器,它应该是跨平台的。在繁多的移动设备上深入的做实际测试是不可能的,开发人员只能怀念只需要支持传统浏览器的日子了。

除支持不同的平台之外,每个设备也可以使用多种移动浏览器。 例如,一个Android用户使用本机Android浏览器访问您的站点的同时,也可能安装了Opera Mini 和 Firefox移动浏览器。 只要smartphone使用的是先进的浏览器(ps.安全的说,当今的大多数浏览器都是先进的),您的站点就能够很好的被访问,但是它不是必须的。

阅读全文 >>

Page 1 of 3123»