<html>

<head>
<style type="text/css">

.demodiv{
width: 250px
}

.demodiv{
width: 200px;

float: left;
margin-right: 10px;
border: 1px solid black;
background-color: #FEE88D;
padding: 3px;
display: block;
}

</style>

<script type="text/javascript" src="gradualfader.js">

/***********************************************
* Gradual Element Fader- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* Please keep this notice intact
***********************************************/

</script>

</head>

<body>
<div class="demodiv gradualfader">
<img src="../java.gif" align="left" /><a href="http://www.javascriptkit.com">JavaScript</a> is a scripting language originally developed by Netscape to add interactivity and power to web documents. It is purely client side, and runs completely on the client's browser and computer.
</div>

<div class="demodiv gradualfader" style="background:#DAFF8C">
<a href="http://www.dynamicdrive.com">DHTML</a> is the embodiment of a combination of technologies- JavaScript, CSS, and HTML. Through them a new level of interactivity is possible for the end user experience.<img src="../java.gif" />
</div>

<img src="../dynamicindex14/lakeside.jpg" class="gradualfader" style="float: left" />

<script type="text/javascript">
gradualFader.init() //activate gradual fader
</script>


</body>
</html>