Ted k' Postado Dezembro 10, 2008 Denunciar Share Postado Dezembro 10, 2008 Script simples em JavaScript usando jQuery para fazer efeito de fade em títulos de notícias, veja o exemplo no meu blog:http://tedk.com.br/blog/index.php/2008/11/...fade-em-jquery/Para esse efeito usei um arquivo chamado “mask_news.js”, nele contem todas as informações necessárias para o desenvolvimento do script.Abrindo esse arquivo você perceberá uma linha para dar tempo ao efeito, constando em segundos:delay = delay || 3000; Coloquei 3 segundos, mais fica a seu critério aumentar ou diminuir: Veja o código completo: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Ajax Título News</title> <div style="background: #FF9933;"> <style type="text/css"> #noticias { list-style: none; font: 12px Arial; font-weight: bold; } </style> <script language="javascript" src="jquery-1.2.6.js"></script> <script language="javascript" src="mask_news.js"></script> <script type="text/javascript"> $(document).ready( function() { $("#noticias").newsTicker(); parseSamples(); } ); </script> </head> <body> <ul id="noticias" style=""> <li>Campanha incentiva registro civil</li> <li>Carga de petróleo está avaliada em US$ 100 milhões.</li> <li>Alongamento previne lesões na 'corrida'</li> <li>Obama disputa com Lula preferência no Rio</li> </ul> </body> </html>Segue abaixo os arquivos para download:Baixar: jquery-1.2.6.jsBaixar: mask_news.js Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jonathan Queiroz Postado Dezembro 10, 2008 Denunciar Share Postado Dezembro 10, 2008 Boa de novo !Tá inspirado hoje, hein !Essa área tava precisando de mais movimentação !! Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Ted k' Postado Dezembro 10, 2008 Autor Denunciar Share Postado Dezembro 10, 2008 hehehe, vlw, no meu blog está cheio desses códigos, esqueci de postar aqui... Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
Ted k'
Script simples em JavaScript usando jQuery para fazer efeito de fade em títulos de notícias, veja o exemplo no meu blog:
http://tedk.com.br/blog/index.php/2008/11/...fade-em-jquery/
Para esse efeito usei um arquivo chamado “mask_news.js”, nele contem todas as informações necessárias para o desenvolvimento do script.
Abrindo esse arquivo você perceberá uma linha para dar tempo ao efeito, constando em segundos:
Coloquei 3 segundos, mais fica a seu critério aumentar ou diminuir: Veja o código completo:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Ajax Título News</title> <div style="background: #FF9933;"> <style type="text/css"> #noticias { list-style: none; font: 12px Arial; font-weight: bold; } </style> <script language="javascript" src="jquery-1.2.6.js"></script> <script language="javascript" src="mask_news.js"></script> <script type="text/javascript"> $(document).ready( function() { $("#noticias").newsTicker(); parseSamples(); } ); </script> </head> <body> <ul id="noticias" style=""> <li>Campanha incentiva registro civil</li> <li>Carga de petróleo está avaliada em US$ 100 milhões.</li> <li>Alongamento previne lesões na 'corrida'</li> <li>Obama disputa com Lula preferência no Rio</li> </ul> </body> </html>Segue abaixo os arquivos para download:
Baixar: jquery-1.2.6.js
Baixar: mask_news.js
Link para o comentário
Compartilhar em outros sites
2 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.