Bounce 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
Bounce 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议 未知
开发语言
操作系统 未知
软件类型 开源软件
开发厂商
地区 不详
提 交 者 不详
适用人群 未知
收录时间 2008-09-19

软件简介

* 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

展开阅读全文

评论 (0)

加载中
更多评论
暂无内容
发表了博客
2013/01/25 11:11

Bounce Animation

利用 CAKeyframeAnimation,在物体运动或者变化时加上Bounce(弹跳)效果,可以给物体的移动、大小变化、颜色变化、旋转等等运动加上Bounce效果。 Code4App编译测试,测试环境:Xcode 4.3, iOS 5.0。 转载:http://www.adobex.com/ios/source/details/00000117.htm...

0
0
发表于大前端专区
2015/09/10 10:27

可视化CSS3动画代码生成js库插件-Bounce.js

简要教程   Bounce.js是一款功能非常强大的可视化CSS3动画代码生成js库插件。该js库插件提供了一个在线APP,通过该APP可以在可视化的条件下编辑CSS3的各种动画效果,如移动、旋转、倾斜、easing等效果,编辑完成后可以直接获取该CSS3帧动画的代码,复制代码到你的页面中即可在你的页面上获得与该动画一样的效果。此外,...

0
1
发表了博客
2018/03/04 15:18

vue 组件 单选切换控制模板 v-bind-is

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title of page</title> <style type="text/css"> /* 可以设置不同的进入和离开动画 */ /* 设置持续时间和动画函数 */ .slide-fade-enter-active { transition: all .3s ease; } .slide-fade-leave-active { transition: all .8s cubic-bezier(1.0, 0.5, 0....

0
0
发表了博客
2015/07/18 20:51

弹球效果动画

主要使用系统提供的一条属性!

0
0
06/26 19:59

一步步教你弹性框架-下篇

HTML5学堂:本文继续为大家讲解弹性框架,在前两篇文章当中,我们从最基本的来回运动,讲解到缓冲运动、有摩擦力的运动。基本实现了弹性动画效果。今天我们主要来进行函数的封装与优化。 第六步 运动功能函数封装...

0
0
发表了博客
2018/05/07 19:11

Space Golf~物理题目

Description You surely have never heard of this new planet surface exploration scheme, as it is being carried out in a project with utmost secrecy. The scheme is expected to cut costs of conventional rover-type mobile explorers considerably, using projected-type equipment nicknamed "observation b...

0
0
发表了博客
2010/12/23 15:03

phplist

转载:http://www.forsuc.com/wiki/doc.php?action=view&title=%20phplist PHPlist是一个开源电子报管理器,易于与任何网站相集成。PHPlist的下载量每个月超过一万多次。它具有双向确认(opt-in)订阅机制,定时调度,RSS,点击跟踪,支持附件,退件管理等特性。 官方网站 最早是:http://tincan.co.uk/phplist 现在:htt...

3
3
2017/03/03 21:32

将postfix收发邮件记录到mysql

原来的方法修改地方太多,比较麻烦,最近看到一篇文章 http://blog.csdn.net/qidizi/article/details/8779769 改动很少,将from to 合到一条日志里面,甚是方便,先给记录下来,以便后期查看 修改方法跟原博主一样 global/recipient_list.h 在 typedef struct RECIPIENT 里面加,我是加到24行的 ``` typedef struct RECIP...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
0 收藏
分享
返回顶部
顶部