jquery比较简洁的软键盘特效实现方法

本文实例讲述了jquery比较简洁的软键盘特效实现方法。分享给大家供大家参考。具体实现方法如下：

运行效果图如下：

1.超文本标记语言主要部分如下：复制代码代码如下： div id=' container ' textarea id=' write ' rows=' 6 ' cols=' 60 '/textareaul id=' keyboard ' Li class=' symbol ' span class=' off ' `/span span class=' on ' ~/span/Lili class=' symbol ' span class=' off ' 1/span span class=' on '！/span/Lili class=' symbol ' span class=' off ' 2/span span class=' on ' @/span/Lili class=' symbol ' span class=' off ' 3/span span class=' on ' #/span/Lili class=' symbol ' span class=' off ' 4/span span class=' on ' $/span/Lili class=' symbol ' span class=' on ' %/span/Lili class=' symbol ' span class=' off ' 6/span span class='on'^/span/lili等级='符号' span等级/span span等级=' on ' :/span/丽丽class=' symbol ' span class=' off '/span span class=' on '/span/丽丽class=' return last item ' return/丽丽class=' left-shift ' shift/丽丽class=' letter ' z/丽丽class=' letter ' x/丽丽class=' letter ' c/丽丽class=' letter ' v/丽丽class=' letter ' b/丽丽class=' letter ' n/丽丽class=' letter ' m/丽丽class=' symbol ' span class=' off /span class=' on '/span/Lili class=' symbol ' span class=' off '/span span class=' on '？ /span/lili class='右移last item“shift/Lili class=”空格lastitem'/li/ul/div

2.jQuery代码部分需要引入两个文件，具体如下：

脚本类型=' text/JAVAScript ' src=' http : js/jquery。量滴js '/script脚本类型=' text/JavaScript ' src=' http : js/keyboard。js '/脚本完整实例代码点击此处本站下载。

希望本文所述对大家的jQuery程序设计有所帮助。