Transition Source

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
            "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
    <title>Cat with Grin</title>
    <link rel=stylesheet type="text/css" href="../class.css">
    <script type="text/javascript">
        var catThere = true
        
        function fadeElement() {
            if (document.all) {
               cheshireCat.filters.blendTrans.Apply()
               cheshireCat.src = (catThere) ? "images/alice23.gif" :
                   "images/alice23a.gif"
               cheshireCat.filters.blendTrans.Play()
               catThere = !catThere
            }
        }
    </script>
    <style type="text/css">
        #sheSaid {position:absolute; left:175; top:240;
                  z-index:10; width:170}
    </style>
</head>
<body bgcolor=white>

<img src="images/alice23a.gif" alt="Cat" width=342 height=480
    id="cheshireCat" style="filter:blendTrans(duration=10)"
    onclick="fadeElement()">
<span id="sheSaid">"Well! I've often seen a cat without a grin,"
     thought Alice; "but a grin without a cat! It's the most curious
     thing I ever saw in all my life!"</span>
</body>
</html>