Hallo,
ich möchte gern diese Funktion nach Aufruf der Seite zeitverzögert auslösen, ist es möglich, und wo müsste die Änderung gemacht werden.
Wäre für Eure Hilfe sehr dankbar!
Dieser Code ist in der curtain.css untergebracht.
ich möchte gern diese Funktion nach Aufruf der Seite zeitverzögert auslösen, ist es möglich, und wo müsste die Änderung gemacht werden.
Wäre für Eure Hilfe sehr dankbar!
Code:
<script type="text/javascript">
$(document).ready(function() {
$curtainopen = false;
$(".rope").click(function(){
$(this).blur();
if ($curtainopen == false){
$(this).stop().animate({top: '850px' }, {queue:false, duration:350, easing:'easeOutBounce'});
$(".leftcurtain").stop().animate({width:'59px'}, 2000 );
$(".rightcurtain").stop().animate({width:'60px'},2000 );
$curtainopen = true;
}else{
$(this).stop().animate({top: '850px' }, {queue:false, duration:350, easing:'easeOutBounce'});
$(".leftcurtain").stop().animate({width:'26%'}, 2000 );
$(".rightcurtain").stop().animate({width:'27%'}, 2000 );
$curtainopen = false;
}
return false;
});
});
</script>
Code:
*{
margin:0;
padding:0;
}
img{
border: none;
}
.leftcurtain{
width: 26%;
height: 322px;
top: 336px;
left: 570px;
position: absolute;
z-index: 2;
}
.rightcurtain{
width: 27%;
height: 322px;
top: 336px;
right:333px;
position: absolute;
z-index: 3;
}
.rightcurtain img, .leftcurtain img{
width: 100%;
height: 100%;
}
.logo{
position: absolute;
top: 370px;
left: 680px;
}
.rope{
position: absolute;
top: 850px;
left: 570px;
z-index: 4;
}
Zuletzt bearbeitet von einem Moderator: