ugrás a tartalomhoz

div effekt

simisoma · 2009. Már. 7. (Szo), 21.39
Sziasztok!

Szeretnék egy olyat csinálni az oldalamra, az ajánlatok nevei és fotói balról jobbra ússzanak a táblázatomban.

Jquery - vel láttam hasonlót, de az csak gombnyomásra ment.

Nekem olyan kellene ami egy kb 10 képet, nevet visz folyamatosan balról jobbra, ha lehet a végén valami effektel tűnjön el.

Van erre valami megoldás?

Hálás köszönet!!!! :-) SimiSoma
‹ form url target setTimeout('document.myForm.submit()',5000); ›
 ■
1

Gombnyomás

Poetro · 2009. Már. 7. (Szo), 22.23
Ha jQuery-ben láttál ilyet gombnyomásra, akkor biztosan megoldható / átírható az a megoldás úgy is, hogy ne kelljen gombot nyomni. Az eltűntetés jQuery-ben pedig a legegyszerűbb.
2

Jquery kód

simisoma · 2009. Már. 7. (Szo), 23.39
Beírtam a kódot, de sajna nem értek hozzá, hogy azt megoldjam autómatikussan induljon el a div, ne keljen kattintani.
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
  5. <title>Chainable Transition Effects</title>  
  6.   
  7. <script type="text/javascript" src="jquery.js"></script>  
  8.   
  9. <script type="text/javascript">  
  1. $(document).ready(function(){  
  2.   
  3.   
  4.     $(".run").click(function(){  
  5.       
  6.         $("#box").animate({opacity: "0.1", right: "+=400"}, 1200)  
  7.     //  .animate({opacity: "0.4", top: "+=160", height: "20", width: "20"}, "slow")  
  8.     //  .animate({opacity: "1", left: "0", height: "100", width: "100"}, "slow")  
  9.     //  .animate({top: "0"}, "fast")  
  10.     //  .slideUp()  
  11.         .slideDown("slow")  
  12.         return false;  
  13.       
  14.     });  
  15.   
  16. });  
  1. </script>  
  2.   
  3. <style type="text/css">  
  1. body {  
  2.     margin: 20px auto;  
  3.     padding: 0;  
  4.     width: 580px;  
  5.     font: 80%/120% Arial, Helvetica, sans-serif;  
  6. }  
  7. a {  
  8.     font-weight: bold;  
  9.     color: #000000;  
  10. }  
  11. #box {  
  12.     background: #6699FF;  
  13.     height: 100px;  
  14.     width: 100px;  
  15.     position: relative;  
  16. }  
  1. </style>  
  2. </head>  
  3.   
  4. <body>  
  5. <p><a href="#" class="run">Run</a></p>  
  6. <script>  
  7. </script>  
  8. <div id="box">  
  9. </div>  
  10.   
  11. </body>  
  12. </html>  
3

$(document).ready(function(){

Poetro · 2009. Már. 7. (Szo), 23.42
  1. $(document).ready(function(){    
  2.     $(".run").each(function(){    
  3.         $("#box").animate({opacity: "0.1", right: "+=400"}, 1200)    
  4.     //  .animate({opacity: "0.4", top: "+=160", height: "20", width: "20"}, "slow")    
  5.     //  .animate({opacity: "1", left: "0", height: "100", width: "100"}, "slow")    
  6.     //  .animate({top: "0"}, "fast")    
  7.     //  .slideUp()    
  8.         .slideDown("slow")    
  9.         return false;       
  10.     });    
  11. });   
4

Most nézegetem a jquery-t és

csaba86 · 2009. Május. 31. (V), 12.38
Most nézegetem a jquery-t és pl itt is látni, hogy kommentben van pár sor. Ezek miért vannak? Annyira nem értek még ehhez azért, ezért kérdezem. :)