开发学院网页设计JavaScript 做自由落体运动的JSF组件,使用javascript打造富有... 阅读

做自由落体运动的JSF组件,使用javascript打造富有个性的漂亮组件——QFaces

 2010-09-14 13:44:06 来源:WEB开发网   
核心提示:在1.4中修正并调整了一些QFaces中的js代码之后,继续除bug及增加功能,做自由落体运动的JSF组件,使用javascript打造富有个性的漂亮组件——QFaces,现在是1.5beta,可以在线看Demo,并且现在效果更好,对stepArr数组进行设置可以增加效果, 简单的使用方式可以这样: QFaces.ac

在1.4中修正并调整了一些QFaces中的js代码之后,继续除bug及增加功能。现在是1.5beta。可以在线看Demo,并且现在效果更好。

打算在1.5中增加一个基本的ajaxSupport组件或是日历组件并继续调优性能,并增加一个style文件,更好的统一下样式,现在已经慢慢形成自己的风格。在增加功能的同时考虑实用与性能,用户友好,及可扩展等。在1.4后的一段时间又使我对编程的认识提高了不少,但不只是编程上的,包括很多其它方面的。

好了,继续。QFaces的js函数库最近又增加了不少,这些都是自己慢慢增加上去的,为了打造富有个性的组件,最近又添了两个主要函数。有朋友问为什么不使用ext或者使用其它现成的js 库。说真的,我还没有使用过ext,不是很了解。我喜欢自己写核心的东西,因为只有自己写才能把它玩转得更好。在写不了的情况下,才会借鉴或使用,在俱备足够知识之后,我喜欢重复造轮子。我并不认为重复造轮子就是错的,即使自己可能造得不好,但并不是绝对没有收获。

新增加的两个主要js函数:

QFaces.accDisplay(id, action, direction, G);

id -> 目标组件id,如某个div,或table的id等。

action -> "show", "hide" 展示方式,默认show, 显示或隐藏目标组件

direction -> "width","height","both" ,展示方向,默认height,可以从水平,垂直,或同时两个方向伸展或收缩。

G -> 重力加速度,原为0.006,在几次调整之后以0.006与高度的比率作为默认, 为什么不是9.8?——因为这里不是地球,是QFaces星球。并且时间也不是以秒为单位,而是毫秒。所以设在0.006左右效果较好。

函数可以让目标组件如“div”有一个富有弹性的展示效果,使用了自由落体的定理,所以在落下及弹起都有一个匀加速及匀减速的过程,对stepArr数组进行设置可以增加效果。 简单的使用方式可以这样: QFaces.accDisplay(id), 其它参数按默认,则将以垂直加速富弹性的方式显示目标组件。

1 2 3 4  下一页

Tags:自由落体 运动 JSF

编辑录入:爽爽 [复制链接] [打 印]
[]
  • 好
  • 好的评价 如果觉得好,就请您
      0%(0)
  • 差
  • 差的评价 如果觉得差,就请您
      0%(0)
赞助商链接