JQuery / Javascript шоу или эффект задержки - PullRequest
Новая
       18

JQuery / Javascript шоу или эффект задержки

1 голос
/ 26 января 2012

Я хочу, чтобы спрайт изображения исчезал через определенное время.(см. код ниже)

Спрайт изображения имеет атрибуты CSS, такие как hover, active, href.Затем я добавил jquery src и код.Спрайт-ховер, активный, href работает, но задержка jquery не работает.

Как заставить все это работать вместе?

Спасибо за любую помощь, которую вы можете оказать!

К 

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=9">

<style type="text/css">
html, body {margin:0px;}

a.LaunchCourse {
background: url(images/LaunchCourse.png) no-repeat 0 0;
display: block;
margin-left: auto;
margin-right: auto;
width: 188px;
height: 60px;
}

a.LaunchCourse:hover{
background-position: 0px -60px;
}

a.LaunchCourse:active{
background-position: 0px -120px;
}

</style>


<script src="http://code.jquery.com/jquery-1.4.4.min.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function() {
$('.LaunchCourse').delay(1500).fadeIn(1500);
});
</script>


</head>

<body>

<a class="LaunchCourse" href="wbt.htm" ></a> 

</body>
</html>

Ответы [ 2 ]

0 голосов
/ 26 января 2012

Я думаю, что вы можете попробовать это: 

$('.LaunchCourse').hide();
setTimeout(showImage, 5000);

function showImage() {
    $('.LaunchCourse').fadeIn(1000);
}

вместо этого: 

$('.LaunchCourse').delay(1500).fadeIn(1500);

Таким образом, вы начинаете с того, что прячете изображение ... итогда вы просто добавляете с той большой задержкой, которую вы хотите в этой части fadeIn ( number ).

0 голосов
/ 26 января 2012

Почему бы не использовать функцию setTimeout в javascript?

...