daily pastebin goal
26%
SHARE
TWEET

[jQuery]: Efeito Fadein/FadeOut em texto

garfield Feb 3rd, 2012 178 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*
  2.                         @Nome: Efeito Fadein/FadeOut em texto
  3.                         @Créditos: SuYaNw
  4. */
  5.  
  6. <head>
  7. <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.js" ></script>
  8. <script>
  9. $().ready(function(){
  10.         $('x').click(function(){
  11.                 $('texto'). slideDown();
  12.         });
  13.         $('o').click(function(){
  14.                 $('texto'). hide('slow', function(){
  15.                 });
  16.                
  17.         });
  18.        
  19. });
  20.  
  21. </script>
  22. </head>
  23.  
  24. <body>
  25. <x><a href='#' >Aparecer</A></x>
  26. <o><a href='#' >Desaparecer</a></o> <br />
  27. <texto>
  28. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut bibendum mi non ipsum lobortis aliquet. Morbi placerat aliquam molestie. Nulla nec augue augue, id malesuada neque. Ut vehicula lacus sodales massa accumsan ac tempus lectus pellentesque. Nam id tortor tortor. Aenean ipsum nunc, aliquet eu malesuada quis, ornare et nisl. Vestibulum interdum sodales eros, a porta urna mattis eget. In viverra, velit varius aliquet tempus, dui nulla tristique diam, eget aliquet nisl enim sed ipsum. Sed fringilla est non urna facilisis porttitor. Proin placerat congue tempus. In id risus quam, vel semper ante. Etiam vel enim eget nisl porttitor hendrerit. Proin condimentum ornare suscipit. Fusce consectetur leo eu orci vestibulum suscipit. Nulla a nisl nunc.
  29. Aliquam et nibhrisus, ut egestas enim. Pellentesque diam tellus, vehicula nec rutrum eu, aliquet at lacus. Etiam tempor elit et lacus dapibus laoreet. Nullam at ante in erat egestas varius. Aenean blandit risus tincidunt sapien porta tristique. Morbi aliquet, tortor ac ullamcorper luctus, tellus neque ornare ante, in rutrum orci elit eu justo. Aenean dapibus, elit eget volutpat consectetur, massa elit aliquam risus, quis facilisis quam lorem in nibh. Donec a orci sit amet enim accumsan fringilla. Nullam auctor lorem sed justo hendrerit ut sodales dui imperdiet. Proin ut mi vitae lacus iaculis sollicitudin. Nulla sit amet libero a risus varius pretium. Nulla elit lectus, vulputate eu tincidunt in, interdum a leo. Ut sit amet convallis enim. Quisque in sapien id mauris tempus adipiscing ut at arcu.
  30. Nunc aliquet risus at risus elementum convallis. Etiam pharetra viverra bibendum. Quisque non eros erat, vitae faucibus elit. Quisque risus felis, faucibus fermentum aliquet at, congue et turpis. Nulla ipsum turpis, molestie eget pellentesque quis, ultrices eu nisi. Praesent viverra, turpis fringilla egestas porta, augue sapien ultrices quam, non suscipit eros massa sit amet ante. Pellentesque molestie odio libero, sed tincidunt dolor. Quisque tempus fermentum lacinia. Donec sollicitudin tincidunt tellus ac luctus. Nam dolor magna, fringilla at tristique sit amet, tincidunt cursus tortor. Fusce auctor imperdiet leo, vitae aliquam lacus bibendum vel. Donec dapibus pellentesque ornare. Nunc sem justo, venenatis quis pulvinar id, ornare eu sapien. Sed vitae blandit nisl. Pellentesque vitae urna turpis, id accumsan dolor. Sed et elit ut mauris interdum lacinia eget fringilla eros.
  31. Integer eleifend mauris id dui blandit lacinia. Etiam consequat rhoncus ipsum, at dignissim leo porttitor pellentesque. Fusce dui eros, sagittis lobortis sodales nec, imperdiet a sapien. Nunc consequat, neque ut bibendum eleifend, ipsum est sagittis velit, tempor facilisis tortor dolor accumsan neque. Ut sollicitudin, ligula ut viverra commodo, purus lorem sodales tortor, vel cursus augue eros mattis magna. Nulla eu orci vestibulum nibh condimentum mattis. Maecenas non nibh non est sodales varius. Quisque blandit dignissim ipsum, ac iaculis lorem luctus vel. Sed tincidunt lobortis volutpat.
  32. Aenean diam sapien, volutpat tempus facilisis ac, sodales ac neque. Duis pretium elit quis lectus commodo eu lacinia ante bibendum. Etiam tristique diam erat, a sodales nulla. Fusce eget tempor risus. Proin mattis pharetra nisi id convallis. Praesent placerat magna nec ante interdum id lobortis justo vestibulum. In sapien lacus, venenatis vel gravida eu, aliquet aliquam tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer rutrum metus mi.
  33. </texto>
  34. </body>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top