Ce script est déclaré obsolète. Il n'est conservé que pour information.
Script : Transparence alpha progressive
La transparence des images varie progressivement quand la souris passe sur une image. Quand la souris quitte l'image, la transparence revient progressivement à sa valeur d'origine.
Exécution du script
Code source
<HTML><HEAD><TITLE>Tout JavaScript.com - Transparence alpha progressive</TITLE></HEAD><script type="text/javascript">// Script réalisé par http://www.toutjavascript.comvar TabAlpha=new Array();TabAlpha.length=5; // 5 images alpha A MODIFIER SI PLUS D'IMAGESfor (var alphaI=0;alphaI<TabAlpha.length;alphaI++) { TabAlpha[alphaI]=-1;}function ModifAlpha(no,alpha){ if (document.images["img"+no]) { if (document.images["img"+no].filters) { TabAlpha[no]=alpha; if (tjstimer==0) {setTimeout("tjstimerAlpha()",30)} } }}var tjstimer=0;function tjstimerAlpha() { var opacity=0; for (var alphaI=0;alphaI<TabAlpha.length;alphaI++) { if (TabAlpha[alphaI]!=-1) { opacity =TabAlpha[alphaI] - document.images["img"+alphaI].filters.alpha.opacity; if (opacity!=0) { tjstimer=1; document.images["img"+alphaI].filters.alpha.opacity+=Math.abs(opacity)/opacity * 5; } else { TabAlpha[alphaI]=-1 } } } if (tjstimer==1) {setTimeout("tjstimerAlpha()",30);} else {tjstimer=0}}</script><BODY bgcolor=white><FONT face=arial color=navy size=2><CENTER><BIG><B>Transparence alpha progressive</B></BIG></CENTER><BR><BR>La transparence des images varie progressivement quand la souris passe sur une image.<BR>Quand la souris quitte l'image, la transparence revient progressivement à sa valeur d'origine.<BR><BR>Attention cet effet n'est possible qu'avec Internet Explorer 5 et +.<BR>Pour les autres navigateurs, ce script est sans effet mais ne génère pas d'erreur de script :)<BR><BR><BR><BR><CENTER><!-- POUR AJOUTER DES IMAGES :il faut copier coller un exemple. L'image doit s'appeler 'imgX' avec X l'indice de l'imageonmouseover="ModifAlpha(X,100)" onmouseout="ModifAlpha(X,40)"Pensez aussi à modifier à la ligne 8 : le nombre maxi d'images TabAlpha.length=5; --><A href="javascript:alert('Les liens ne sont pas actifs dans cet exemple...')" onmouseover="ModifAlpha(1,100)" onmouseout="ModifAlpha(1,40)"><IMG name='img1' src='smiley1.gif' border=0 style="filter:alpha(opacity=40)" width=64></A> <A href="javascript:alert('Les liens ne sont pas actifs dans cet exemple...')" onmouseover="ModifAlpha(2,100)" onmouseout="ModifAlpha(2,40)"><IMG name='img2' src='smiley2.gif' border=0 style="filter:alpha(opacity=40)" width=64></A> <A href="javascript:alert('Les liens ne sont pas actifs dans cet exemple...')" onmouseover="ModifAlpha(3,100)" onmouseout="ModifAlpha(3,40)"><IMG name='img3' src='smiley3.gif' border=0 style="filter:alpha(opacity=40)" width=64></A> <A href="javascript:alert('Les liens ne sont pas actifs dans cet exemple...')" onmouseover="ModifAlpha(4,100)" onmouseout="ModifAlpha(4,40)"><IMG name='img4' src='smiley4.gif' border=0 style="filter:alpha(opacity=40)" width=64></A></CENTER><BR><BR><BR><BR><BR><CENTER><A href='http://www.toutjavascript.com' target='_blank'><FONT size=1 color=#CCCFFF>Tout JavaScript.com</FONT></A></CENTER></FONT></BODY><!-- http://www.toutjavascript.com -->
Troisième édition Tout JavaScript chez Dunod
En savoir plusSortie le 4 janvier 2023
Version papier 29€90
Format électronique 22€99.
Commandez en ligneLe graph des objets JavaScript
Chargement
en cours...
