Problema com o código javascript
Página 1 de 1
Problema com o código javascript
Bem, você JS fez um código java para mim, que muda a cor do link quando o mouse está sob o mesmo, code abaixo:
Consegui resolver todos, exceto o problema dos grupos, veja como está..
Agora veja como fica depois de passar o mouse sobre o mesmo..
Note que as cores dos grupos mudaram, ficando em preto total, o que seria meio prejudicial na identificação dos grupos, sendo necessária a atualização da pagina para as cores voltarem ao normal...
Quando desativo o java, citado acima, volta tudo ao normal, mas gostaria do efeito que o mesmo faz...
Teria como ajustar?
- Código:
$(function () {
var today=new Date();
var h=today.getHours();
var colorOld = $('.pun a').css('color'); /* Saves the old color... */
if(h > 5 && h < 12) { /* Manhã... */
$('.pun a').hover(function(){$(this).css('color', '#00A3E2');}, function(){$(this).css('color', colorOld);});
}
if(h > 12 && h < 21) { /* Tarde... */
$('.pun a').hover(function(){$(this).css('color', '#AD5300');}, function(){$(this).css('color', colorOld);});
}
if(h > 21 && h < 5) { /* Noite... */
$('.pun a').hover(function(){$(this).css('color', '#0045AD');}, function(){$(this).css('color', colorOld);});
}
});
Consegui resolver todos, exceto o problema dos grupos, veja como está..
Agora veja como fica depois de passar o mouse sobre o mesmo..
Note que as cores dos grupos mudaram, ficando em preto total, o que seria meio prejudicial na identificação dos grupos, sendo necessária a atualização da pagina para as cores voltarem ao normal...
Quando desativo o java, citado acima, volta tudo ao normal, mas gostaria do efeito que o mesmo faz...
Teria como ajustar?
Convidado- Convidado
Re: Problema com o código javascript
Olá amigo!
Estou fazendo testes em seu fórum e retornarei assim que concluir ok?
Estou aperfeiçoando o código para ficar mais consistente e estável!
Abraços,
JS
Estou fazendo testes em seu fórum e retornarei assim que concluir ok?
Estou aperfeiçoando o código para ficar mais consistente e estável!
Abraços,
JS
Re: Problema com o código javascript
Teste a seguinte alteração:
- Código:
$(function () {
var today=new Date();
var h=today.getHours();
var colorOld = $('.pun a').css('color'); /* Saves the old color... */
if(h > 0 && h < 13) { /* Manhã... */
$('.pun a:not(".gensmall")').hover(function(){$(this).css('color', '#0000FF');}, function(){$(this).css('color', colorOld);});
}
if(h > 12 && h < 18) { /* Tarde... */
$('.pun a:not(".gensmall")').hover(function(){$(this).css('color', '#800000');}, function(){$(this).css('color', colorOld);});
}
if(h > 17 && h < 23) { /* Noite... */
$('.pun a:not(".gensmall")').hover(function(){$(this).css('color', '#000080');}, function(){$(this).css('color', colorOld);});
}
});
Re: Problema com o código javascript
poderia me explicar o esquema de horas... tentei mudar, mas não resultou...
gostaria que fosse assim..
manha:
00:01 até as 12.
12:01 até as 18.
18:01 até as 00
Dar para deixar assim?
gostaria que fosse assim..
manha:
00:01 até as 12.
12:01 até as 18.
18:01 até as 00
Dar para deixar assim?
Convidado- Convidado
Re: Problema com o código javascript
Vamos tentar organizar as coisas?
Primeiro responda se resolveu o problema inicial pois lhe explicar o esquema de horas não era o foco da questão!
Segundo: Quando abrir um tópico tenha certeza de postar tudo o que deseja para solucionar o seu problema!
JS
Primeiro responda se resolveu o problema inicial pois lhe explicar o esquema de horas não era o foco da questão!
Segundo: Quando abrir um tópico tenha certeza de postar tudo o que deseja para solucionar o seu problema!
JS
Re: Problema com o código javascript
Sim, ambos já foram solucionados... Já consegui descobrir como arrumar as horas...
Valeu por tudo meu caro JS...
Valeu por tudo meu caro JS...
Convidado- Convidado
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|