Hello ,
i have 3 file
- file html
__________
<body style="background-color:#000">
<div id="crystals">
<div class="crystal_01"></div>
<div class="crystal_02"></div>
<div class="crystal_03"></div>
</div>
__________________
file CSS
________________
#crystals {
position:absolute;
top:0;
left:0;
width:480px;
height:100%;
background:transparent;
}
.crystal_01 {
position:absolute;
width:100%;
height:100%;
background:url(http://img.finalfantasyxiv.com/lds/promo/pc/global/images/world/what/c rystal_01.png)repeat-y;
}
.crystal_02 {
position:absolute;
width:100%;
height:100%;
background:url(http://img.finalfantasyxiv.com/lds/promo/pc/global/images/world/what/c rystal_02.png)repeat-y;
}
.crystal_03 {
position:absolute;
width:100%;
height:100%;
left:50%;
margin-left:-180px;
background:url(http://img.finalfantasyxiv.com/lds/promo/pc/global/images/world/what/c rystal_03.png)repeat-y;
}
_______-
And Page JS
var posY1 = 0;
var posY2 = 0;
var posY3 = 0;
var imgH = 500;
setInterval(function(){
if (posY1 <= -900) posY1 = 0;
if (posY2 <= -900) posY2 = 0;
if (posY3 <= -1200) posY3 = 0;
posY1 -= 1;
posY2 -= 2;
posY3 -= 3;
$('.crystal_01').css({ backgroundPosition: '0' + posY1 + 'px' });
$('.crystal_02').css({ backgroundPosition: '0' + posY2 + 'px' });
$('.crystal_03').css({ backgroundPosition: '0' + posY3 + 'px' });
},50);
$(window).scroll(function () {
pageNavFunc();
});
pageNavFunc();
_______--
iwant to insert that 3 file in my project
what i know i can insert the html file in div of my html file edge
and i know insert CSS file in my folder
and the function JS
idon't know where i can insert it to work full of work
some one help me please i want to know how i can work with that
thank every one
MARIO