Css输入框动画效果

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

 31533  431  查看评论 (6)
分享到微信朋友圈
X
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();

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

EmojiOne表情符号所见即所得的文本编辑器

emojionearea.js是一款可集成EmojiOne表情符号的所见即所得的jQuery文本编辑器插件。emojionearea.js允许你将任何的HTML元素转换为WYSIWYG文本编辑器,并且它能够在编辑器中使用Emojione图标。
  丰富的输入
 43508  343

jQuery在线做试卷并查看答案

jQuery在线试卷,提交后查看答案、解析。题型包括 1单选2多选3判断4填空5问答8论述题6完型填空7阅读理解
  丰富的输入
 35099  359

电子签章电子签名

H5画板实现电子签名可生成图片,代码简单注释全
  丰富的输入
 38555  435

jQuery电子签名

很多APP中用到的签署协议后或消费后需使用者签字后保存图片
  丰富的输入
 43833  413

讨论这个项目(6)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    Woow 0
    2019/2/18 15:05:02
    你再靠近我报警! 0
    2018/6/14 9:40:35
    你这都不支持手机端
        小多多你好1
        2018/6/14 10:15:53

        head加上

        <meta name="viewport" content="width=device-width, initial-scale=1">

        就行了

    回复
    落尽红樱君不见 0
    2018/2/11 10:32:14
    穷鬼一枚,能给我一份么939443281@qq.com  谢谢 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复