Aici sunt prezentate diferențele dintre versiunile selectate și versiunea curentă a paginii.
Both sides previous revision Previous revision Next revision | Previous revision Next revision Both sides next revision | ||
module:11-basic-web-dev:lectie-09 [2014/11/14 20:17] astoican [Evenimentele onMouseDown si onMouseUp] |
module:11-basic-web-dev:lectie-09 [2014/11/15 09:01] gchelu [Task-uri] |
||
---|---|---|---|
Linia 65: | Linia 65: | ||
<html><p data-height="108" data-theme-id="0" data-slug-hash="ogNpGQ" data-default-tab="result" data-user="andreeas" class='codepen'>See the Pen <a href='http://codepen.io/andreeas/pen/ogNpGQ/'>ogNpGQ</a> by andreea (<a href='http://codepen.io/andreeas'>@andreeas</a>) on <a href='http://codepen.io'>CodePen</a>.</p> | <html><p data-height="108" data-theme-id="0" data-slug-hash="ogNpGQ" data-default-tab="result" data-user="andreeas" class='codepen'>See the Pen <a href='http://codepen.io/andreeas/pen/ogNpGQ/'>ogNpGQ</a> by andreea (<a href='http://codepen.io/andreeas'>@andreeas</a>) on <a href='http://codepen.io'>CodePen</a>.</p> | ||
<script async src="//assets.codepen.io/assets/embed/ei.js"></script></html> | <script async src="//assets.codepen.io/assets/embed/ei.js"></script></html> | ||
+ | |||
+ | ====Task-uri==== | ||
+ | |||
+ | 1. Creați un dreptunghi și un pătrat. Când mouse-ul este deasupra dreptunghiului, se va colora în albastru. Iar când mouse-ul este desupra pătratului, se va colora în galben. Altfel, rămân albe. | ||
+ | |||
+ | 2. Folositi **onMouseDown** și **onMouseUp** pentru a schimba o imagine cu alta, atunci când se apasă pe mouse. | ||
+ | |||
+ | 3. Creați o căsuță de scris cu mai multe linii. Folosiți evenimentul **onBlur** pentru a transforma toate literele în litere mici. | ||
+ | |||
+ | 4. Creați un vector de string-uri cu link-uri de poze. Folosiți functia **Math.random()** pentru a alege un link din vector. | ||
+ | Odată cu mișcarea mouse-ului se va schimba aleator imaginea background-ului. | ||
+ | |||
+ | 5. |