使用JS jQuery編寫虛擬軟鍵盤

2021-09-28 19:55:22 字數 1252 閱讀 5276

注意本文**jquery必須引用jquery(**見最後) 指令碼庫才能實現效果

示例圖

html**段

css樣式**段

@charset "utf-8";

*body

/* container */

#container

#write

#keyboard

#keyboard li

#keyboard li:hover

.capslock, .tab,.left-shift

#keyboard .tab, #keyboard .delete

#keyboard .capslock

#keyboard .return

#keyboard .left-shift

#keyboard .right-shift

.lastitem

.uppercase

#keyboard .space

.on

js+jquery**

jquery指令碼**(將此指令碼**放入乙個自己建立的jquery文字裡,並將文字新增到**段中)

/*! jquery v3.4.1 | (c) js foundation and other contributors | jquery.org/license */

",e.queryselectorall("[msallowcapture^='']").length&&v.push("[*^$]="+m+"*(?:''|\"\")"),e.queryselectorall("[selected]").length||v.push("\\["+m+"*(?:value|"+r+")"),e.queryselectorall("[id~="+k+"-]").length||v.push("~="),e.queryselectorall(":checked").length||v.push(":checked"),e.queryselectorall("a#"+k+"+*").length||v.push(".#.+[+~]")}),ce(function(e){e.innerhtml="

"],tr:[2,"","

"],td:[3,"","

使用JS jQuery實現網頁虛擬鍵盤

首先 我們先看一下完成後的效果 html頁面 css樣式 charset utf 8 body container container write keyboard keyboard li keyboard li hover capslock,tab,left shift keyboard tab,...

C 編寫r軟渲染視窗

之前使用c 編寫了乙個立方體的渲染視窗。效果如下 粗糙地實現了乙個立方體基本漫反射和全域性光。讓立方體隨時間旋轉。本文主要講一下攝像機部分的 和乙個編寫過程中的小問題。private double posx,posy,posz 攝像機位置 private double xangle,yangle,z...

html中使用js jQuery展示頁面小結

1 ajax ajax datatype json success function data 2 div標籤賦值 id html test 或者 id html test jquery 給span 賦值 hiddennote text getspanvalues span取值 hiddennote...