Advanced DHTML

Thunder Lizard JavaScript Conference

JavaScript and CSS1--Internet Explorer

Drop Shadow filter example 1 and example 2

In the <HEAD>:

<SCRIPT LANGUAGE=JAVASCRIPT>
    function doShadow(newDirection) {
        if (document.all && newDirection< 360) {
            newDirection += 10
            document.all.dropText.style.filter="shadow(direction=" + newDirection + ")"
            setTimeout("doShadow(" + newDirection + ")", 100)
        }
    }
</SCRIPT>
<STYLE type="text/css">
    #dropText {width:500; height:100; font-size:36pt; filter:shadow(direction=90)}
</STYLE>

In the <BODY>:

     <BODY BGCOLOR="WHITE" onLoad="doShadow(90)">
    :
    <DIV ID="dropText">Me and my shadow...</DIV>