尽管现在的计算机屏幕已经变得越来越大,但要向用户展示的内容仍旧可能比较多,难以在一个屏幕之内全部展现出来。更关键的是,如果只利用一个屏幕,那么很有可能网页所凸显的重点也变得不那么明确。
现在,设计师们已经开始倾向于使用网页的向下滚动,来将更多原本分属于不同页面的内容,集合在一个页面当中。本文将向你介绍这样的技术,我们将不同的链接以时间顺序串接起来,依靠网页的滚动来逐个展现。
尽管现在的计算机屏幕已经变得越来越大,但要向用户展示的内容仍旧可能比较多,难以在一个屏幕之内全部展现出来。更关键的是,如果只利用一个屏幕,那么很有可能网页所凸显的重点也变得不那么明确。
现在,设计师们已经开始倾向于使用网页的向下滚动,来将更多原本分属于不同页面的内容,集合在一个页面当中。本文将向你介绍这样的技术,我们将不同的链接以时间顺序串接起来,依靠网页的滚动来逐个展现。
该插件的官网:http://ricostacruz.com/jquery.transit/
这是一个可以实现异常顺滑的渐变效果的插件。同时还对旧版浏览器(比如广大开发者深恶痛绝的IE6)提供了较好的支持(后文有讨论)。
本插件需要jQuery 1.4+的版本支持,仅需要引用本程序的JS文件即可
使用方法:使用 $(‘…’).transition 方法来取代 jQuery的 $(‘…’).animate方法。它的语法跟jQuery animate方法是一样的。
查看此插件的演示和下载源码:
http://demo.newhtml.net/jQuery Transit – CSS3 animations for jQuery/
-By Daniel X. Moore,来自Pixel Relations, STRd6。
2010年2月1日
本文适用的浏览器为 Google Chrome/Mozilla Firefox/Apple Safari/Opera。
你想用HTML5的新特性Canvas来制作一个游戏么?那相信这篇教程会给你带来一定的帮助。
不过丑话说前面,你得有至少中级的Javascript应用能力才行。
Read More →
网页从来都是开发者们展现其过人才智的场所,20英寸的屏幕早已不能限制他们的才能。 Read More →