at skabe et tastatur med css og jquery

, skabe et tastatur med css og jquery,,,,, 9,,,,,,,,, 5,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss.,, nogle gange er det bare sjovt at lege med programmeringssprog, vi kender, og se, hvad vi kan skabe.jeg troede, det kunne være rart at skabe lidt online tastatur med css, og så få det til at fungere med jquery.tastaturet omfatter "aktion" nøgler (virksomheder, lås, skift og slette), som dynamisk ændringer tastaturet, når trykket.skal jeg vise dig, hvordan man bygger i dag.,,,,,, trin 1: grundlæggende html og filer,,, det tastatur, kræver en masse af html opsætning og lege med ccs.hver af dem vil være repræsenteret af en liste på en unordered liste.hver af listen over punkter vil have en klasse, der er knyttet til dem, der anvendes i både forskning og jquery.de fleste af de klasser er bare "brev", "lastitem", eller noget lignende.det vil gøre at finde ud af, hvilken liste punkt på dagsordenen er der roligt. sørg for, at du har arrangeret en mappe, når du kommer til at bruge dette tastatur.i denne nye mappe, skabe en index.html fil sammen med en css og en er mappe.endelig skabe et keyboard.js fil i det mappe og en style.css fil i landestøttestrategien mappe.,, inden vi kommer med to http: //fil javascript filer og en css fil.i kroppen, der vil være en enorm, unordered liste indeholder alle de bogstaver, tal og nogle "aktion" nøgler.den html vil også have en textarea i det med et id "tastatur".det vil være det sted, hvor alle personerne er tilføjet.de under kode skal være anbragt inden i. fil. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> \t<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> \t \t<title>Online Keyboard</title> \t<link rel="stylesheet" type="text/css" href="css/style.css" /> </head> <body> <div id="container"> \t<textarea id="write" rows="6" cols="60"></textarea> \t<ul id="keyboard"> \t\t<li class="symbol">`~</li> \t\t<li class="symbol">1!</li> \t\t<li class="symbol">2@</li> \t\t<li class="symbol">3#</li> \t\t<li class="symbol">4$</li> \t\t<li class="symbol">5%</li> \t\t<li class="symbol">6^</li> \t\t<li class="symbol">7&</li> \t\t<li class="symbol">8*</li> \t\t<li class="symbol">9(</li> \t\t<li class="symbol">0)</li> \t\t<li class="symbol">-_</li> \t\t<li class="symbol">=+</li> \t\t<li class="delete lastitem">delete</li> \t\t<li class="tab">tab</li> \t\t<li class="letter">q</li> \t\t<li class="letter">w</li> \t\t<li class="letter">e</li> \t\t<li class="letter">r</li> \t\t<li class="letter">t</li> \t\t<li class="letter">y</li> \t\t<li class="letter">u</li> \t\t<li class="letter">i</li> \t\t<li class="letter">o</li> \t\t<li class="letter">p</li> \t\t<li class="symbol">[{</li> \t\t<li class="symbol">]}</li> \t\t<li class="symbol lastitem">\\

Previous:hvordan skabes der et enkelt websted

Next Page:et indhold jquery slæde med -