jquery比較簡潔的軟鍵盤特效實作方法_jquery

本文實例講述了jquery比較簡潔的軟鍵盤特效實作方法。分享給大家供大家參考。具體實作方法如下：

運作效果圖如下：

1. html主要部分如下：

複製程式碼 程式碼如下:

 
 

  
• `~

  
• 1！   
• 2@

  
• 3#

  
• 4$

  
• 5%

  
• 6^

  
• 7&

  
• 8*

  
• 9(

  
• 0)

  
• -_

  
• =

  
• 刪除

  
• 選項卡

  
• q

  
• w

  
• e

  
• r

  
• t

  
• y

  
• 你

  
• 我

  
• o

  
• p

  
• [{

  
• ]}

  
• |

  
• 大寫鎖定

  
• 一個

  
• s

  
• d

  
• f

  
• g

  
• h

  
• j

  
• k

  
• l

  
• ;:

  
• '"

  
• return

  
• shift

  
• z

  
• x

  
• c

  
• v

  
• b

  
• n

  
• m

  
• ,

  
• 。 >

  
• /?

  
• shift

  
•  

 

2. jQuery程式碼部分需要引入兩個文件，具體如下：

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/keyboard.js"></script>

完整實例程式碼點擊此處本站下載。

希望本文對大家介紹的 jQuery 程式設計有所幫助。