Надо сделать цикличность
Есть такой код, изначально у нас ссылка прозрачна, при наведении она плавно появляется, а при убирании мыши она снова пропадает.
$('a.link').css("opacity", "0");
$('a.link').hover(function() {
$(this).animate({opacity: 1}, 'normal');
}, function() {
$(this).animate({opacity: 0}, 'normal');
});
Как сделать так, чтобы при наведении ссылка маргала, т.е. то опасити 0, то 1, а при убирании курсора переставала маргать. Попытался сделать так, но не помогло:
$('a.link').css("opacity", "0");
$('a.link').hover(function() {
$(this).animate({opacity: 1}, 'normal').animate({opacity: 0}, 'normal', arguments.callee);
}, function() {
$(this).animate({opacity: 0}, 'normal');
});
Помогите решить вопрос. |
Steans,
можно конечно так сделать, но зачем делать моргающую ссылку - многих посетителей сайтов бесят постоянно моргающие элементы ;) |
Она же будет моргать только при наведении + клиент пожелал чтобы элемент был моргающим. Вот только не соображу как реализовать.
|
Неужели никто не знает как сделать? Срочно надо, выручайте.
|
Steans,
ща погоди сделаю ;) |
<a id="ss">Ссылка</a>
<script type="text/javascript">
var ss = document.getElementById("ss");
ss.onmouseover = function (){
if (ss.style) ss.style.opacity = ((ss.style.opacity == 0) ? 1 : 0);
ss.time = setTimeout(arguments.callee, 100);
}
ss.onmouseout = function () {
this.style.opacity = 0;
clearInterval(this.time);
}
</script>
|
Бывают такие же глюки как и при написании на jq, анимация не всегда останавливается. А и как сделать чтобы анимация происходила плавно?
|
Steans,
ссори - она вообще не должна останавливаться, поправил |
Цитата:
|
Спасибо вам за помощь.
|
Steans,
незачто :) |
| Часовой пояс GMT +3, время: 20:00. |