Turinys:
- 1 žingsnis: sukurkite rašiklį
- 2 veiksmas: pridėkite nuorodų
- 3 žingsnis: kodas
- 4 žingsnis: pakeiskite šį kodą pagal savo poreikius
- 5 žingsnis: demonstracija
Video: Kopijavimo į iškarpinę mygtukas tinklalapyje: 5 žingsniai (su paveikslėliais)
2024 Autorius: John Day | [email protected]. Paskutinį kartą keistas: 2024-01-30 10:47
Tai gali atrodyti paprasta, ir aš atrodysiu kvaila, jei įdėsiu jį į „Instructables“, bet iš tikrųjų tai nėra taip paprasta. Yra CSS, „Jquery“, HTML, keletas išgalvotų „JavaScript“ir, gerai, žinote.
1 žingsnis: sukurkite rašiklį
Yra ši šauni svetainė, vadinama „Codepen“. Anksčiau, norėdamas koduoti HTML, turėjau tai daryti
- Paleiskite „File Explorer“.
- Eikite į Mano dokumentai.
- Sukurkite txt failą.
- Pervardykite tą failą į „MyHTMLDoc.html“.
- Įspėjimo dialogo lange spustelėkite Gerai.
- Uždarykite „File Explorer“.
- Atidarykite „Visual Studio“, kuri trunka penkias minutes.
- Atidarykite failą „Visual Studio“, tai užtrunka dar penkias minutes. VS yra labai lėtas.
- Pradėti.
- Kai baigsiu, turiu atidaryti failą „Edge“, kad galėčiau peržiūrėti savo darbą.
Dabar viskas, ką jums reikia padaryti, tai
- Paleiskite „Edge“.
- Eikite į
- Viršutiniame dešiniajame kampe paspauskite naują rašiklį.
- Pradėkite kodavimą.
Matai, kiek lengviau? Tiesiog įveskite savo JS, CSS ir HTML į atitinkamus laukus. Rezultatai rodomi automatiškai dešinėje.
Tiesą sakant, „Codepen“yra daug geresnis, todėl rekomenduoju jums susikurti paskyrą dabar. Taip, aš nekenčiu būti viena reklama, bet negaliu padėti. Tai daug geriau. Aš nieko negaliu padaryti.
Arba, jei nenorite sukurti paskyros, galite sukurti rašiklį be paskyros. Savo rašiklį galite išsaugoti naudodamiesi „Anoniminio kapitono“vardu.
2 veiksmas: pridėkite nuorodų
Kadangi mes naudosime „Jquery“ir šią (tikrai) šaunią „thingajammy“, pavadintą „Balloon.css“, pirmiausia turime pridėti nuorodų. Jei esate naujas, aš jums pasakysiu, kaip tai padaryti „Codepen“.
- Spustelėkite Nustatymai.
- Priklausomai nuo to, ar nuoroda yra stiliaus lapas, ar scenarijus, spustelėkite CSS arba „Javascript“.
- Skiltyje Pridėti išorinį („Javascript“arba CSS) pridėkite nuorodas.
Papildyti:
bla bla bla: BLAAAAAAA !!!!
Dabar pašalinkite tai ir įdėkite HTML žymą, susiejančią su jūsų mėgstamiausiu „Jquery“ir „Balloon.css“CDN.
3 žingsnis: kodas
Žemiau pridėkite šį kodą.
codepen.io/slate-coding/pen/oepQpX
Nukopijuokite/įklijuokite kodą į rašiklį.
4 žingsnis: pakeiskite šį kodą pagal savo poreikius
Rašikliu galite suktis tiek, kiek jums patinka, kad atitiktų jūsų poreikius, tada nukopijuokite ir įklijuokite kodą ten, kur norite.
5 žingsnis: demonstracija
codepen.io/alexvgs/pen/oepQpX
Rekomenduojamas:
„Arduino“pamoka - BLYNK stiliaus mygtukas ir ESP -01 relės modulis: 3 žingsniai (su paveikslėliais)
„Arduino“pamoka - „BLYNK“stiliaus mygtukas ir ESP -01 relės modulis: Sveiki atvykę į kitą mūsų kanalo pamoką, tai yra pirmoji šio sezono pamoka, skirta „IoT“sistemoms, čia aprašysime kai kurias įrenginių funkcijas ir funkcijas naudojamas šio tipo sistemose. Norėdami sukurti šias
ESP8266 „Nodemcu“temperatūros stebėjimas naudojant DHT11 vietiniame tinklalapyje - Patvirtinkite kambario temperatūrą ir drėgmę naršyklėje: 6 žingsniai
ESP8266 „Nodemcu“temperatūros stebėjimas naudojant DHT11 vietiniame tinklalapyje | Naršyklėje nustatykite kambario temperatūrą ir drėgmę: Sveiki, vaikinai, šiandien mes gaminsime drėgmę ir temperatūros stebėjimo sistema, naudojant ESP 8266 NODEMCU & DHT11 temperatūros jutiklis. Temperatūra ir drėgmė bus nustatyti naudojant DHT11 jutiklį & tai galima pamatyti naršyklėje, kuris tinklalapis bus valdomas
Kopijavimo stovas: 5 žingsniai
Kopijavimo stendas: nusibodo eiti į kopijavimo parduotuvę? Ar jūsų senas skaitytuvas tikrai lėtas ?? Ar jūsų dokumentas per didelis? Ar turite lazerinį spausdintuvą? Nei tai, kas nurodyta, yra jums
Slaptas šnipinėjimo atvaizdas Nuotraukų kopijavimo paketinis failas: 5 žingsniai
Slaptas šnipinėjimo atvaizdo nuotraukų kopijavimo paketinis failas: Taigi, visų pirma, kas yra šis pamokomas kūrimas ir kodėl. Šis nurodymas leis jums sukurti paketinį failą, kuris nukopijuos visus vaizdus iš kompiuterio į atminties kortelę. ji tai padarys diskretiškai, pateikdama kaip kitą programą, kuri yra
„Yokozuna Ninja Booming Grip of Righteousness“(fotoaparato kopijavimo stovo trikojo adapteris): 5 žingsniai (su nuotraukomis)
„Yokozuna Ninja Booming Grip of Righteousness“(fotoaparato kopijavimo stovo trikojo adapteris): nepainiokite su nindzių krano fotoaparato sąranka, sukurkite šį patogų adapterį, kad galėtumėte naudoti savo trikojį kaip fotoaparato kopijavimo stovą. Fotografuodami daiktus, kurie turi būti lygūs, pvz., *Šiukšlės */ daiktai, kuriuos reikia įnešti į eB@y, norite gauti