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
DIV+CSS网站布局从入门到精通
2011-1 / 58.00元
《DIV+CSS网站布局从入门到精通》介绍了商业类型的网页设计,以及目前流行的div+CSS标准布局方法和实战技法。通过十个经典案例,分别从不同类型网站的布局风格以及实现方法来讲解div+CSS网页布局和制作方法。全书系统地讲解了CSS样式的基础理论和实际运用技术,并结合实例来讲解层叠样式表与层布局相结合制作网页的方法。在实例制作过程中除了介绍CSS样式设计各方面的知识外,还结合实际网页制作中可能......一起来看看 《DIV+CSS网站布局从入门到精通》 这本书的介绍吧!
