利用CSS和jQuery创建一个屏幕键盘
有时候利用我们所知的程序语言来制造一些快乐，看看我们能做出些什么东西来是很有趣的事情。我想用CSS来创建一个小巧的屏幕键盘，然后拿jQuery使这个键盘真正可用，那将是多好玩的一件事啊。这个屏幕键盘还包含一些“功能键”（CapsLock，Shift，Delete），当我们点击键盘时，它们也可以动态地变化。现在我教你怎么来制作它。 源文件 | DEMO演示 第一步：基本的HTML和所需的文件 制作这个键盘需要大量的HTML代码，然后用CSS设置外观。每一个键都将使用li标签包围，再把它们置入一个ul无序列表标签中，而每个li元素也将拥有一个class属性，便于在CSS和jQuery中使用。一般的类属性都是“letter”、“lastitem”等，以便于我们容易找到想要的那个li。首先在你想要的地方创建一个新的文件夹，在这个新文件夹里创建一个index.html文件，再创建css和js两个空文件夹。最后，在css文件夹里创建style.css文件，在js文件夹里面创建keyboard.js文件。 在这个HTML文件里，我们要调用两个js文件和一个css文件，在body标签的里面，将写上大量的包含字母、数字和功能键的li元素，还包括一个id为keyboard的文本域（textarea）元素，用来显示键盘上“打”出来的字符。下面列出index.html文件中的所有代码： <!
Published at 7 months ago