 | It appears you have not yet registered with DEVPPL. To register please click here... (it's fast, easy and free!) |
|
|
|
by Naz on Wed Jul 23, 2008 2:07 pm
by rangana on Thu Jul 24, 2008 12:10 am
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#box {
width:300px;
padding:10px;
border:3px double #999;
font-family:verdana,arial,helvetica,sans-serif;
font-size:24px;
text-align:center;
margin:30px auto;
}
#text {
height:100%;
color:#000;
filter:alpha(opacity=0);
opacity:0;
}
</style>
<script type="text/javascript">
var c=0;
var d=0;
var seconds=3; /* this will give 3 seconds delay before text disappears */
var k=0;
var speed=100;
var delay=100+(1000/speed)*seconds;
var obj;
window.onload=function() {
obj=document.getElementById('text');
fadeIn();
}
function fadeIn() {
c++;
d++;
if(obj.filters) obj.style.filter='alpha(opacity='+c+')';
else obj.style.opacity=c/100;
obj.firstChild.nodeValue=obj.firstChild.nodeValue;
if(d==delay){k++;c=0;d=0;}
setTimeout('fadeIn()',speed);
}
</script>
</head>
<body>
<div id="box">
<div id="text">Welcome Home</div>
</div>
</body>
</html>
by Naz on Thu Jul 24, 2008 4:53 am
Users browsing this forum: No registered users and 4 guests
