Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17676
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Script leia mais em jQuery

05-03-2011 16:04

Esse script pega um texto grande, e encurta ele. Adiciona um link "leia mais", para que o usuário clique e retorne o restante do texto que estava escondido.

https://github.com/mfarid/readmore-readless
0
A melhor hospedagem para o seu site HostGator!
 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17676
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Script leia mais em jQuery

05-03-2011 16:10

Mais um exemplo com outro plugin

<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.4.min.js"></script> <script type="text/javascript" src="http://plugins.learningjquery.com/expander/jquery.expander.js"></script>   <script type="text/javascript"> $(function () { $('div.short').expander({ slicePoint: 200, expandText: 'Leia mais', userCollapseText: 'Esconder' }); }); </script>


<div class="short"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pulvinar gravida metus at iaculis. Donec malesuada, nisl eu ultrices bibendum, ante metus consequat risus, nec porttitor purus nisl eu libero. Ut libero tortor, pretium nec sagittis ut, pretium nec est. Phasellus volutpat tempor enim ornare fermentum. Nam et lacus lectus, in ultrices augue. Proin nunc augue, scelerisque at pharetra at, gravida nec diam. Phasellus metus nibh, gravida in scelerisque dignissim, vulputate et </div>

Fonte: http://www.devcurry.com/2010/12/add-read-more-link-using-jquery.html
1
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado