• CSS (7)
  
• Flash & AS (2)
  
• HTML (19)
  
• Java (5)
  
• JavaScript (52)
  
• Perl (0)
  
• PHP (36)
  
• Protocols (1)
  
• Python (0)
  
• Ruby (0)
  
• SQL (4)
  
• Linux (13)
  
• Misc (9)
  

Ombre mouvante en DHTML

L'ombre va tourner progressivement comme si la source de lumière bougeait.
Fonctionne sous IE uniquement (utilise un filtre MS).

<div id=test style="padding-left:100; width:100%; font-size:64pt; color:blue;
filter:DropShadow(color=#C0C0C0, offx=3, offy=3.7)">texte</div>

<script>

var offx = 0;
var offy = -5;
var t = 3.14/2;

setInterval("go()",30);

function go() {
    t += .1;
    s = Math.sin(t);
    offx += 3*Math.pow(s,2)*(s<0?-1:1);
    //window.status = offx;
    test.style.filter = "DropShadow(color=#C0C0C0, offx="+offx+", offy="+offy+")";
}

</script>