贫民窟里的程序高手

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

2011年11月24日

摘要: 本文转载自:http://www.chinaz.com/design/2011/0815/204971.shtml之前写过关于创建人性化的返回顶部链接的文章,讨论了返回顶部链接需要具备哪些特点才能称得上人性化。一直以来我都觉得停留在视觉区域内的返回顶部 连接更为完美一些,但由于对javascript不熟悉,所以一直不知道如何在技术上实现,只能使用别人做好的javascript代码。最近一段时间学 习了jQuery,发现其实用jQuery来写的话很简单,所以在这片文章里我会介绍一下如何自己动手创建简单而且很酷的返回顶部链接效果,让我们开始。jQuery返回顶部(查看示例)一、HTML(基本结构) 阅读全文
posted @ 2011-11-24 10:03 贫民窟里的程序高手 阅读(294) 评论(0) 推荐(0)

摘要: 一、引言在web页面中,如果页面较高,为了方便用户快速地返回顶部,都会添加一个返回顶部按钮。例如:其中淘宝网的是要滚动条的滚动距离大于某一段距离才显示返回顶部按钮;人人网的返回顶部直接在底部的工具条上;新浪微博的返回顶部在滚动高度大于0 的时候显示,且返回顶部的效果是平滑动画效果。本文的实现就是类似于新浪微博的这种效果。//zxx:新浪微博今天启用新域名weibo.com了二、jQuery下的返回顶部功能您可以狠狠地点击这里:jQuery下的返回顶部demo可以看到,如果页面有滚动高度,右下角就会有一个含有“返回顶部”字样的黑色背景半透明的小条条,如下图所示:点击这里“返回顶部”字样的按钮后, 阅读全文
posted @ 2011-11-24 10:02 贫民窟里的程序高手 阅读(291) 评论(0) 推荐(0)