Bounce 介绍
- Added live demo page (url at bottom of page)
This project allows the user to extend the elements on the web page (created
for use with ‘textarea’ elements, but no reason why it cannot be used
elsewhere) with a bounce animation.
It requires both jQuery and the jQuery Easing plugin (details can be found:
http://plugins.jquery.com/project/Easing).
By selecting the elements and calling the ‘bounce’ function you will apply the
default bounce functionality.
The default behaviour is to hide the elements and only display the clickable
bar, although this can be changed either using the ‘open: true’ configuration
parameter or by calling the ‘bounceOpen’ function.
Examples include:
$('textarea').bounce(); $('textarea').bounce({bottom: false, open: true}); $('textarea').bounce({bottom: false}).openBouncer(1);
- The ‘1’ passed as the parameter to the ‘openBouncer’ function above refers to the first bounce element.
You can specify multiple bounce elements by comma separating there numbers
i.e. ‘openBouncer(1,2,5)’.
Further details can be found in the jquery.bounce.js header.
The layout is all controlled through CSS and you can change the default class
used if necessary by changing the ‘bounceclass’ configuration option.
I first created this functionality with the mootools
(http://www.mootools.net) javascript framework, however I techincally prefer
to use the jQuery framework and so, here it is…
Enjoy!
My other projects include:
Hover Image Text - http://plugins.jquery.com/project/HoverImageText
TextArea Resizer - http://plugins.jquery.com/project/TextAreaResizer
Bounce 官网
http://plugins.jquery.com/project/Bounce
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。