Astuces HTML

Ombres portées

Retour au choix des astuces HTML.
Retour à l'accueil

Description : Crée des ombres portées sur un texte. C'est inutile mais drole.

Exemple :
Cliquez ici

Code source :
Dans la balise <body>
<body onload=iinfor()>

Entre les deux balises <body> et </body>
  <SPAN id=SRC style="FONT-WEIGHT: bold; FONT-SIZE: 14pt; VISIBILITY: hidden; COLOR: #ffffff; FONT-FAMILY: verdana; POSITION: absolute;"> <span style="position:absolute;left=45%px;top=45%"> <span style="position:absolute;width=390;height:200;TEXT-ALIGN:justify;left=-195;top=-100"> <div style="FONT-WEIGHT: bold; FONT-SIZE: 48pt; TEXT-ALIGN: center">DHTML</div> Rien qu'un début ! </span> </span> </SPAN> <p> <SCRIPT> window.onerror = new Function("return true") document.onselectstart = new Function("return false") window.screen.bufferDepth = 16 var O = "" var nx=ny=xm=ym=0 function resize(){ nx = document.body.clientWidth ny = document.body.clientHeight } function spAn(N,HTML,O){ document.body.insertAdjacentHTML("afterBegin",HTML) this.N = N this.O = O this.obj = document.body.firstChild.style this.zOOm = 1.01 + (N/500) this.obj.zoom = this.zOOm c = 8 * N if(N>0)this.obj.color = "RGB("+(c)+","+(c)+","+(c)+")"; this.obj.visibility = "visible" this.SCR = function(){ with(this){ obj.left = xm - zOOm * xm obj.top = ym - zOOm * ym obj.width = nx obj.height = ny if(O)O.SCR() } } } function iinfor(){ resize() xm = nx / 2 ym = ny / 2 html = SRC.outerHTML for(i=0;i<25;i++)O = new spAn(i,html,O) O.SCR() document.onmousemove = function (){ xm = window.event.clientX ym = window.event.clientY O.SCR() } } </SCRIPT>

^ Retour en haut ^

Pour me contacter cliquez ici

:: Menu General ::

:: Cours ::

:: Tutos, Astuces ::

:: Fonctionnalités ::

:: Dossiers ::

:: À télécharger ::

:: Partenaires ::

Astuces HTML