BlogJava-Atea - Hero's Grave-随笔分类-Javascript

使用jQuery改善"Return to Top"

Atea — Thu, 13 May 2010 03:14:00 GMT

摘要: 传统的"Return to Top"置于页面底部或指定位置，点击后返回页面顶部。
但其存在诸多不便：
1、页面顶部必须定义一个相应的锚点，其本身也会占用DOM空间，很容易发生返回的不是绝对的顶部而是该锚点(滚动条会稍微向下一点，而不是在0的位置)
2、如果页面很长，想在滚动条任意处回顶部会变得难以处理。

使用jQuery能大大改善这一用户体验。本文章将能做到：
"Return to Top"在页面初始化时不显示，当移动滚动条时出现并随滚动条位置变化而变化。
点击"Return to Top"页面移动到顶部，当滚动条到顶部时"Return to Top"自动隐藏。
以上均伴有动画效果。阅读全文

Atea 2010-05-13 11:14 发表评论

在Javascript中使用RegExp参数的字符串替换

Atea — Fri, 12 Jun 2009 03:11:00 GMT

摘要: 替换前： aaa[code:java]bbb[/code]ccc
替换后： aaa

bbb

ccc 阅读全文

Atea 2009-06-12 11:11 发表评论

Prototype中的事件绑定

Atea — Tue, 04 Nov 2008 01:59:00 GMT

摘要: 最近的项目使用了Prototype。
基本不用在页面写诸如onclick=***的代码了，在js最后绑定上body onload，然后把控件和事件的绑定统一写到body onload中。这样页面代码干净了不少，事件也能够得到统一管理，蛮优雅的。阅读全文

Atea 2008-11-04 09:59 发表评论

两个iframe的使用实例

Atea — Mon, 25 Aug 2008 10:46:00 GMT

摘要: 1."rich" textarea editor.
简单的可即时变色的iframe editor。

2.Advertisement Board.
在CSDN看到的投标项目的广告滚动条，用的是iframe + window.scrollBy，挺好玩的。
自己把源码做了点改进，加了个暂停滚动的功能。阅读全文

Atea 2008-08-25 18:46 发表评论