[jQuery] Back
[jQuery] Back
Hi..im doing this site almost 2wks...please help me on this one..my
content are under the background images..i want my content under the
background images while the background has transition (fade in fade
out)..
sorry for my english,hope someone can help me..
or do you have any idea that the background image has transition (fade
in fade out)..
<html>
<head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.innerfade.js"></
script>
<script type="text/javascript">
$(document).ready(
function(){
$('#container').innerfade({
speed: 1000,
timeout: 1000,
type: 'sequence',
});
});
</script>
<style type="text/css">
body { width:100%; max-width:1600px; margin-left:auto; margin-
right:auto; max-height:1000px;font-family: Tahoma, Arial, Helvetica,
sans-serif; font-size:12px; color:#000000; text-align:justify;
overflow:hidden;}
.one { background:#FFFFFF url(1.jpg) no-repeat; width:100%; max-
width:1600px; height:1000px; }
.two { background:#FFFFFF url(2.jpg) no-repeat; width:100%; max-
width:1600px; height:1000px;}
.three { background:#FFFFFF url(3.jpg) no-repeat; width:100%; max-
width:1600px; height:1000px; }
</style>
</head>
<body>
<div id="container">
<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
</div>
<div id="asd">asdasdadas</div>
</body>
</html>