文章关键字 ‘dom’

JavaScript实现新浪微博文字放大显示动画效果

2009年10月31日,星期六

围脖,新浪微博
新浪微博是全中国最主流,最具人气,当前最火爆的微博产品。用一句话随意记录生活,用手机随时随地发微博。用秒杀电视的速度发现最热最火最快最酷最新的资讯。
本文不是讲新浪微博产品的,纯粹的技术文章,用JavaScript上实现微博上一个不错的效果——信息发布后,发布条数放大显的动画效果。提供全真的demo实例页面,可以实时观察效果,提供源文件下载,希望对感兴趣的您有所帮助。

阅读全文…

翻译:让网络更快一些——最小化浏览器中的回流(reflow)

2009年10月31日,星期六

reflow可以说是最近开始被广泛提到的名词,指的是页面上几何布局的格式化结构被重新计算的过程。而这个过程是要花费时间的,而且这个时间在提高页面速度,增强用户体验上是非常关键不可忽略的一环。本文翻译了一篇琳赛(Lindsey)关于reflow的文章,简要介绍了什么是reflow,为什么要重视reflow time(回流时间),以及一些改进回流时间的一些小建议。希望我的翻译对您有所帮助。

阅读全文…

jQuery之addClasas与removeClass使用实例

2009年10月27日,星期二


上图为人人网好友分组功能模块,我用firebug对其高度进行了改动,所以这里显示的高度比实际的低。图示效果源自facebook,结构比较精细,体验上佳,图中的深色表选中状态。
本文就将演示如何使用jQuery的addClasas与removeClass轻松实现上面很赞的样式效果。本文实例效果包括两个主要部分,一是单击单个好友样式的切换,还有一个就是单击“已选”“未选”文字选项卡按钮后的样式的筛选,均使用ddClasas与removeClass实现。
提供完整的css样式以及JavaScript代码,提供demo实例演示页面和源文件下载。希望对您有所帮助。

阅读全文…

JavaScript实现图片幻灯片滚动播放动画效果

2009年10月21日,星期三

在网页上用幻灯片动画效果展示图片等是常用的手段之一,有一类效果相对酷一点的是JavaScript+flash的实现,但是一般这类动画总是占据网页最重要的位置,如果用户未安装flash插件,则显然会有问题。在大型网站上,多使用纯粹的JavaScript实现这类效果。
这里我就尝试性的实现了这个效果。在本文中所展示的这个图片切换的JavaScript代码,个人觉得,还是挺精炼的,希望对有兴趣的同仁能提供一些参考。提供直观的demo实例页面,源代码可以在实例页面上右键单击查看,希望对您有所帮助。

阅读全文…