Bounce
- 授权协议: 未知
- 开发语言:
- 操作系统: 未知
- 软件首页: http://plugins.jquery.com/project/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
CSS3实用指南
吉伦瓦特 / 屈超、周志超 / 人民邮电出版社 / 2012-3 / 49.00元
CSS3为Web的视觉样式语言注入了强大的新功能,让设计人员更加轻松自如地设计优美而引人入胜的内容。借助CSS3,不使用图片就可以创建半透明背 景、渐变、阴影等夺人眼球的视觉效果;还可以使用漂亮、独特、非Web安全的字体显示文本;不用Flash就可以创建动画;不用JavaScript就可 以定制适应用户的设备和屏幕尺寸的设计。 本书通过一系列实用且新颖的范例,向读者展示如何实现以上功能和更多......一起来看看 《CSS3实用指南》 这本书的介绍吧!
HTML 编码/解码
HTML 编码/解码
RGB HSV 转换
RGB HSV 互转工具
