1. Location:
  2. / Computer learning >> Computer læring >> Kendskab til programmering >> Scripting Sprog >> jquery >>

jquery vejr. er

, weather.js er en jquery stik af, for at finde oplysninger om vejret oplysninger. en simpel af weather.js eksempel som vist nedenfor, <!doctype html > < http: //lang = ", en" > < head > < meta - charset = "utf - 8" > < meta - navn = "viewport" indhold = "bredde = anordning bredde, oprindelige omfang = 1 > < link rel =" stylesheet "href =" http: //maxcdn. bootstrapcdn. kom /skrifttype fedt /4.3.0 /css /skrifttype, fedt. min.css "> < forbindelse rel =" stylesheet "href =" http: //cdnjs. cloudflare. kom /ajax /libs /normalisere /3.0.3 /normalisering. css "> < forbindelse href = http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel = 'stylesheet' type = 'text/css'> <link rel = "stylesheet" type = "text/css" href = "weather.css"> </head> \t <body id = "weather-background" class = "default-weather"> <canvas id = "rain-canvas"> </canvas> <canvas id = "cloud-canvas"> </canvas> <canvas id = "weather-canvas"> </canvas> <canvas id = "time-canvas"> </canvas> \t\t <canvas id = "lightning-canvas"> </canvas> \t\t <div class = "page-wrap"> <header class = "search-bar"> \t\t\t <p class = "search-text"><span class = "search placering tekst "> hvordan er vejret på < input id =" søg, hvor input "klasse =" søg, hvor input "type =" tekst "indikation af en art =" by ">?< /span > < /p > < div klasse = "søg, hvor knap gruppe" > < "id =" søg, hvor knap "klasse =" fuh fuh søgen efter beliggenhed knap - knappen "> < /knap > <!- - - - > < "id =" geo - knappen "klasse =" geo - knap - fuh fuh placering pil finde knappen "> < /knap > < /div > < /header > < div id =" geo - fejlmeddelelse "klasse =" geo - fejlmeddelelse skjule "> <" id = "tæt på fejl i klasse = fuh fuh gange tæt fejl" > < /knap > - uh - oh!det ser ud som om, vi ikke kan finde sted.- - din by i eftersøgningen rubrik ovenfor.</div> <div id = "front-page-description" \t\t\t class = "front-page-description middle"> <h1>Blank Canvas Weather</h1> </div> \t\t\t <div class = "attribution-links hide" \t\t\t id = "attribution-links"> <button id = 'close-attribution' class = 'fa fa-times close-attribution'></button> \t\t\t\t\t <h3>Icons from <a href = "http://thenounproject.com/"> Noun Project</a></h3> \t\t\t\t\t <ul> <li class = "icon-attribution"> <a href = "http://thenounproject.com/term/cloud/6852/"> Cloud</a> by Pieter J. Smits</li> \t\t\t\t\t\t <li class = "icon-attribution"> <a href = "http://thenounproject.com/term/snow/64/"> Snow</a> from National Park Service Collection</li> \t\t\t\t\t\t <li class = "icon-attribution"> <a href = "http://thenounproject.com/term/drop/11449/"> Drop</a> Alex Fuller</li> \t\t\t\t\t\t <li class = "icon-attribution"> <a href = "http://thenounproject.com/term/smoke/27750/"> Smoke</a> by Gerardo Martín Martínez</li> \t\t\t\t\t\t <li class = "icon-attribution"> <a href = "http://thenounproject.com/term/moon/13554/"> Moon</a> by Jory Raphael</li> \t\t\t\t\t\t <li class = "icon-attribution"> <a href = "http://thenounproject.com/term/warning/18974/"> Warning</a> by Icomatic</li> \t\t\t\t\t\t <li class = "icon-attribution"> <a href = "http://thenounproject.com/term/sun/13545/"> Sun</a> by Jory Raphael</li> \t\t\t\t\t\t <li class = "icon-attribution"> <a href = "http://thenounproject.com/term/windsock/135621/"> Windsock</a> by Golden Roof</li> \t\t\t\t\t\t </ul>\t\t < /div > < div id = "vejr" klasse = "vejret midt skjule" > < div klasse = "sted" id = "sted" > < /div > < div klasse = "vejr beholder" > < div id = "temperatur - info" klasse = "temperatur - info" > < div klasse = "temperatur" id = "temperatur" > < /div > < div klasse = "vejr beskrivelse" id = "vejr beskrivelse" > < /div > < /div > < div klasse = "vejr - box" > < ul klasse = "vejr - info" id = "vejr - info" > < li klasse ="vejret punkt fugtighed" > vandindhold: < span id = "fugtighed" > < /span >% < /li > <!det er > < li klasse = "vejr punkt vind" > vind: < span id = "vind" > < /span > < span id = "vind" > < /span > < span id = "hastighed enhed" > < /span > < /li > < /ul > < /div > < div klasse = "vikar ændring" > < "id =". "klasse =" vikar ændre knap celsius "> &grader c < /knap > <" id = "fahrenheit" klasse = "vikar ændre knap fahrenheit" > &grader; f < /knap >< /div > < /div > < /div > < /div > < manuskript src = "http: //cdnjs. cloudflare. kom /ajax /libs /jquery /2.1.3 /jquery. min.js" > < /manuskript > < manuskript src = "vejret. er" > < /manuskript > < /div > < /organ > < /html > det bør føre til følgende resultat og minus. klik her,



Previous:
Next Page:No