跟随浮动标签,基于jQuery

所属分类:UI-标签

跟随浮动标签,基于jQuery ie兼容8

安装和依赖项

目前 floatlabels.js 是从 jQuery 1.8 +。较低版本尚未经过测试。

<head>
..
<script src="jquery.js" type="text/javascript"></script>
<script src="floatlabels.js" type="text/javascript"></script>
..
</head>


初始化

基本上 floatlabel 上简单的调用初始化。

<head>
..
<script src="jquery.js" type="text/javascript"></script>
<script src="floatlabels.js" type="text/javascript"></script>
..
<script>
    $('input.floatlabel').floatlabel();
</script>
</head>
<body>
    <div>
        <input type="text" id="test-input" placeholder="This is the placeholder" class="floatlabel">
    </div>
</body>

该脚本循环所有您所选的输入字段,并将它们转换为浮动标签的输入。


相关插件-标签

jQuery UI Bootstrap

这个页面是用来展示 jQuery UI Bootstrap 项目的 -- 我们将 Bootstrap 应用到了 jQuery UI 控件上。这套工具让你在使用jQuery UI 控件时也能充分利用Bootstrap的样式,而且不会出现样式不统一的现象。目前本项目还在努力开发中,希望对你有用。
  标签
 26325  43

打字效果插件

模拟人工打字效果
  标签
 9566  59

select美化小插件

select美化插件
  标签
 13215  61

css3-button-with-tooltip

css3-button-with-tooltip很清新
  标签
 6811  11

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

取消回复