Cov txheej txheem:

Muab Daim Ntawv Luam rau Cov Ntawv Clipboard ntawm Lub Vev Xaib: 5 Kauj Ruam (nrog Duab)
Muab Daim Ntawv Luam rau Cov Ntawv Clipboard ntawm Lub Vev Xaib: 5 Kauj Ruam (nrog Duab)
Anonim
Muab Daim Ntawv Luam rau Clipboard Button ntawm Lub Vev Xaib
Muab Daim Ntawv Luam rau Clipboard Button ntawm Lub Vev Xaib

Qhov no yuav zoo li yooj yim, thiab kuv yuav zoo li ua dag rau muab tso rau hauv Instructables, tab sis qhov tseeb, nws tsis yooj yim li. Muaj CSS, Jquery, HTML, qee qhov javascript zoo nkauj, thiab, huag zoo, koj paub.

Kauj Ruam 1: Tsim Tus Cwj Pwm

Tsim Cwj mem
Tsim Cwj mem

Muaj qhov chaw txias no hu ua Codepen. Yav dhau los, tsuas yog siv tus lej hauv HTML, Kuv tau siv

  1. Tua tawm File Explorer.
  2. Mus rau Kuv Cov Ntaub Ntawv.
  3. Tsim cov ntaub ntawv txt.
  4. Hloov lub npe ntawd mus rau "MyHTMLDoc.html".
  5. Ntaus OK rau cov lus ceeb toom.
  6. Kaw Cov Ntaub Ntawv Explorer.
  7. Qhib Visual Studio, uas siv sijhawm tsib feeb.
  8. Qhib cov ntawv hauv Visual Studio, uas siv sijhawm tsib feeb ntxiv. VS qeeb heev.
  9. Pib.
  10. Thaum kuv ua tiav, Kuv yuav tsum qhib cov ntawv hauv Edge kom pom kuv txoj haujlwm.

Tam sim no, txhua yam koj yuav tsum ua yog

  1. Tua Ntug.
  2. Mus rau
  3. Nyob rau sab xis-sab xis, ntaus Pen tshiab.
  4. Pib Coding.

Saib nws yooj yim npaum li cas? Tsuas yog sau koj li JS, CSS, thiab HTML hauv lawv lub thawv. Cov txiaj ntsig tshwm tuaj ncaj qha ntawm sab xis.

Qhov tseeb, Codepen zoo heev, uas kuv pom zoo kom koj mus tsim koj tus lej tam sim no. Yog, Kuv ntxub ua tus tshaj tawm, tab sis kuv tsis tuaj yeem pab nws. Nws yog qhov zoo dua. Nws tsis muaj dab tsi kuv tuaj yeem ua tau txog nws.

Lossis, yog tias koj tsis xav tsim tus as khauj, koj tuaj yeem tsim tus cwj mem yam tsis muaj tus account. Koj tuaj yeem txuag koj tus cwj mem raws li lub npe siv "Captain Anonymous".

Kauj ruam 2: Ntxiv References

Ntxiv Cov Neeg Ua Haujlwm
Ntxiv Cov Neeg Ua Haujlwm

Txij li thaum peb tab tom yuav siv Jquery thiab qhov no (tiag tiag) txias tshaj plaws uas yog hu ua "Balloon.css", peb yuav tsum ntxiv cov ntawv ua ntej. Yog tias koj yog tus tshiab, Kuv yuav qhia koj yuav ua li cas hauv Codepen.

  1. Nyem Chaw.
  2. Nyob ntawm seb qhov kev siv yog daim ntawv-style lossis tsab ntawv, nyem CSS lossis Javascript.
  3. Hauv qab Ntxiv Sab Nraud (Javascript lossis CSS) ntxiv cov ntawv xa mus.

Ntxiv:

bla bla bla: BLAAAAAAA !!!!

Tam sim no tshem qhov ntawd thiab muab tso rau hauv HTML cim txuas rau koj nyiam CDN rau Jquery thiab Balloon.css.

Kauj ruam 3: Code

Code
Code

Hauv qab no, ntxiv cov cai no.

codepen.io/slate-coding/pen/oepQpX

Luam/paste cov cai rau koj tus cwj mem.

Kauj Ruam 4: Hloov Cov Cai ntawd kom haum rau Koj Xav Tau

Hloov Cov Cai ntawd kom haum rau Koj Cov Kev Xav Tau
Hloov Cov Cai ntawd kom haum rau Koj Cov Kev Xav Tau

Koj tuaj yeem fiddle nyob ib puag ncig ntau npaum li koj nyiam nrog tus cwj mem kom haum rau koj cov kev xav tau, tom qab ntawd theej-muab cov cai rau txhua qhov chaw koj xav tau.

Kauj ruam 5: Demo

Demo
Demo

codepen.io/alexvgs/pen/oepQpX

Pom zoo: