Css输入框动画效果

所属分类:输入,其他-丰富的输入,动画效果

 3330  56  查看评论 (0)
Css输入框动画效果 ie兼容10

更新时间:2017/11/21 上午10:50:12

更新说明:1.更新了图标的样式,现在会根据input框的高度自适应,之前是固定的高度


使用方法:

1.动画效果:

         ① 在输入框中加上data-animation="slide"(动画效果,slide可以是其他的,具体参照textbox的css)

         ② 在输入框中加上data-label="slide"(用于输入框左侧文本显示,slide可以是其他任意自定义的文本)

         ③ 如果想让输入框中显示特定的图标,则可以省略②,但要在输入框中加上data-icon="icon-user"(icon-user可以是其他的,具体参照awesome的css,那里面有很多)

         ④ 在初始化的js中加上$('input').ftext();

相关插件-丰富的输入,动画效果

jQuery计算器输入插件jCalculator

jCalculator是一个简单的计算器输入插件。
  丰富的输入
 18604  13

富文本编辑器NicEdit

NicEdit是一个轻量级,跨平台的Inline Content Editor。NicEdit能够让任何 element/div变成可编辑或者能够把标准的TextArea转换成富文本编辑器。
  丰富的输入
 21466  47

Simditor 富文本编辑器

Simditor 是团队协作工具 Tower 使用的富文本编辑器。功能精简,加载快速。
  丰富的输入
 132434  160

jqueryemoji表情插件

jQuery-emoji 让文本框或可编辑div具备插入表情功能。 Let textarea or editable div has ability to insert emoji.
  丰富的输入
 31661  127

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币

取消回复