jQuery数字键盘

 查看演示  website  立即下载

插件说明：　

１．使用的前提是需要引入jquery.js文件，本范例中已经引入

２．元素的绑定支持jquery语法，被绑定的元素必须含有类mykeyboard才会生效

３．默认键盘出现位置在被绑定元素的下方显示，

当被绑定元素在底部，底部空间不足时，键盘会在上方显示

４．可以自定义键盘出现位置，通过jquery.css()里面的参数，json对象进行设置

使用说明：

１．引入需要的资源文件：

<link rel="stylesheet" href="./num_keyboard.css" />
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="./num_keyboard.js"></script>

２．html代码

<input type="text"  id="my_input" class="mykeyboard"/>

必须要有mykeyboard类

３．js代码

//默认出现位置在绑定元素的下方出现，如果底部距离不足，则在绑定元素的上部出现
$('#my_input').mykeyboard();

PREVIOUS:
NEXT:
jQuery学校课程选项卡布局
jQuery响应式黑色软件类网站模板