HTML, CSS


DescriereCod
Link Nounderline la mouseover
Deschis în altă fereastră
<a style="text-decoration: none;" target="_blank" href="adresa URL la care duce linkul">NUME LINK</a>
Imagine cu link
Notă de descriere afișată la mouseover
<a href="adresa URL la care duce imaginea"><img src="adresa URL a imaginii care va fi afișată" title="notă imagine"> </a>
Imagine fără link și fără border
Setări dimensiuni imagine
<img src="adresa URL a imaginii care va fi afișată" style="border: medium none;" width="200" height="100" />
Funcția "mouse over image"
(mouse over image: momentul trecerii cursorului peste o imagine)
Schimbarea imaginii la mouseover
<img src="adresa URL a imaginii care va fi afișată" onmouseover="this.src='adresa URL a imaginii care va fi afișată în momentul mouseover';" onmouseout="this.src='adresa URL a imaginii care va fi afișată după momentul mouseover';" />
Funcția "mouseclick on image"(mouseclick on image: momentul clickului pe o imagine)
Schimbarea imaginii la mouseclick
<img src="adresa URL a imaginii care va fi afișată" onmousedown="this.src='adresa URL a imaginii care va fi afișată în momentul mouseclick';" onmouseup="this.src='adresa URL a imaginii care va fi afișată după momentul mouseclick';" />
Flash text<span style="text-decoration: blink;">TEXT</span>
Text tăiat<del>TEXT</del>
Text subliniat<ins>TEXT</ins>
Imagine fără border
Opacitate și transparență 50%
Tranziție 0,5 secunde
<img src="adresa URL a imaginii care va fi afișată" style="border: medium none;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5; -moz-transition: 0.5s;"/>
Preload image - variantă complexă
Încărcarea imaginilor în cache odată cu accesarea unei pagini
<script>
/* Preload images script By JavaScript Kit (http://javascriptkit.com) Over 400+ free scripts here! */

var myimages=new Array()
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}
//Enter path of images to be preloaded inside parenthesis. Extend list as desired.
preloadimages("http://mydomain.com/firstimage.gif",)
</script>
Preload image - variantă simplă <img src="adresa URL a imaginii care va fi încărcată" style="display:none;"/>
Link Top Pagină<a href="#">TOP PAGINĂ</a>
Link Nounderline on mouseover
Deschis în altă fereastră
<a style="text-decoration: none;" target="_blank" href="adresă URL">nume link</a>

* Pentru completarea bazei de date nu ezitaţi să lăsaţi un mesaj

0 comentarii:

Trimiteți un comentariu