Home Other Gradual Element Fader Developer's View
<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>