login  Naam:   Wachtwoord: 
Registreer je!
 Forum

een kleurverloop van boven naar beneden met 2 kleuren

Offline Grayen - 05/02/2006 21:08
Avatar van GrayenPHP ver gevorderde Weet iemand ene javascript die een kleurverloop van boven naar beneden met 2 kleuren maakt? Ik heb er al eentje gevonden met een kleuverloop van links naar rechts maar ik zoek er eigenlijk een van boven naar beneden 

Alvast bedankt

6 antwoorden

Gesponsorde links
Offline haytjes - 05/02/2006 21:16 (laatste wijziging 05/02/2006 21:16)
Avatar van haytjes Gouden medailleGouden medaille

JS gevorderde		 kan je niet de JS geven van links naar rechts, kan ik hem dan proberen aan te passen
Offline Grayen - 06/03/2006 16:42 (laatste wijziging 06/03/2006 18:07)
Avatar van Grayen PHP ver gevorderde een kleurverloop van links naar rechts met 2 kleuren (groen/rood):
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <html>
  2. <head>
  3. <title>"Groenlinks"</title>
  4. <script language="javascript">
  5. <!--
  6. hex=new Array()
  7.  
  8. hex[0]='0';
  9. hex[1]='1';
  10. hex[2]='2';
  11. hex[3]='3';
  12. hex[4]='4';
  13. hex[5]='5';
  14. hex[6]='6';
  15. hex[7]='7';
  16. hex[8]='8';
  17. hex[9]='9';
  18. hex[10]='A';
  19. hex[11]='B';
  20. hex[12]='C';
  21. hex[13]='D';
  22. hex[14]='E';
  23. hex[15]='F';
  24.  
  25. var r2=0;
  26. var r1=0;
  27. var g2=6;
  28. var g1=6;
  29. var b2=0;
  30. var b1=0;
  31. //-->
  32. </script>
  33. </head>
  34. <body leftMargin="0" topMargin="0" fullscreen="1">
  35. <table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
  36. <tr width="100%" height="100%">
  37. <script language="javascript">
  38. <!--
  39. //aantal stappen uitrekenen waarin de kleuren veranderen
  40. count=16*(16-r2)-16*r1;
  41.  
  42. for (var i=0;i<count;i++) {
  43. var r= hex[r1] + hex[r2];
  44. var g= hex[g1] + hex[g2];
  45. var b= hex[b1] + hex[b2];
  46.  
  47. color='#'+r+g+b;
  48.  
  49. document.write('<td bgcolor=' + color + '></td>');
  50.  
  51. if(color!='#FF6600') {
  52. if(r2<15)r2++;
  53. else {
  54. r2=0;
  55. if(r1<15)r1++;
  56. }
  57. }
  58. }
  59. //-->
  60. </script>
  61. </tr>
  62. </table>
  63. </body>
  64. </html>


Citaat:
Rensjuh edit:
Gewone code-tags gebruiken, niet van die vage dingen als 'code:1:ddskldsfk' 

edit2; Haha, daar ging het ook niet om hoor 
Het ging erom dat het code blok dan wel goed word weergeven, en eventueel gehighlight^^


Citaat:
Grayen edit:
Als ik dat doe, dan blijft het gewoon van links naar rechts, maar mijn vraag is wat moet ik aan dit script wijzigen om ervoor te zorgen dat het van boven naar beneden in elkaar overloopt?

edit2; maar weet jij ook hoe ik mijn probleem kan oplossen, want ik zie heel vaak van die sites met als achtergrond 2 van die kleuren die overlopen, maar die doen dat meestal met afbeeldingen, en omdat ik totaal geen evaring heb met photoshop, dacht ik laat ik het met een javascript doen, toen vond ik dit script na lang zoeken.. maar ja van links naar rechts inplaats van boven naar beneden 
Offline krisie - 06/03/2006 18:19
Avatar van krisie HTML interesse
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <html>
  2. <head>
  3. <title>"Groenlinks"</title>
  4. <script language="javascript">
  5. <!--
  6. hex=new Array()
  7.  
  8. hex[0]='0';
  9. hex[1]='1';
  10. hex[2]='2';
  11. hex[3]='3';
  12. hex[4]='4';
  13. hex[5]='5';
  14. hex[6]='6';
  15. hex[7]='7';
  16. hex[8]='8';
  17. hex[9]='9';
  18. hex[10]='A';
  19. hex[11]='B';
  20. hex[12]='C';
  21. hex[13]='D';
  22. hex[14]='E';
  23. hex[15]='F';
  24.  
  25. var r2=0;
  26. var r1=0;
  27. var g2=6;
  28. var g1=6;
  29. var b2=0;
  30. var b1=0;
  31. //-->
  32. </script>
  33. </head>
  34. <body leftMargin="0" topMargin="0" fullscreen="1">
  35. <table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
  36. <script language="javascript">
  37. <!--
  38. //aantal stappen uitrekenen waarin de kleuren veranderen
  39. count=16*(16-r2)-16*r1;
  40.  
  41. for (var i=0;i<count;i++) {
  42. var r= hex[r1] + hex[r2];
  43. var g= hex[g1] + hex[g2];
  44. var b= hex[b1] + hex[b2];
  45.  
  46. color='#'+r+g+b;
  47.  
  48. document.write('<tr bgcolor=' + color + '><td></td></tr>');
  49.  
  50. if(color!='#FF6600') {
  51. if(r2<15)r2++;
  52. else {
  53. r2=0;
  54. if(r1<15)r1++;
  55. }
  56. }
  57. }
  58. //-->
  59. </script>
  60. </table>
  61. </body>
  62. </html>

Is dat wat je nodig had?
Offline Grayen - 06/03/2006 18:39 (laatste wijziging 06/03/2006 19:54)
Avatar van Grayen PHP ver gevorderde jah!!!^^  bedankt, het is met nu gelukt om het van zwart naar wit te maken maar weet iemand misschien wat ik moet wijzigen om het van wit naar zwart kan maken?

hier is de code:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <code>
  2. <html>
  3. <head>
  4. <title>"Groenlinks"</title>
  5. <script language="javascript">
  6. <!--
  7. hex=new Array()
  8.  
  9. hex[0]='0';
  10. hex[1]='1';
  11. hex[2]='2';
  12. hex[3]='3';
  13. hex[4]='4';
  14. hex[5]='5';
  15. hex[6]='6';
  16. hex[7]='7';
  17. hex[8]='8';
  18. hex[9]='9';
  19. hex[10]='A';
  20. hex[11]='B';
  21. hex[12]='C';
  22. hex[13]='D';
  23. hex[14]='E';
  24. hex[15]='F';
  25.  
  26. var r2=2;
  27. var r1=1;
  28. var g2=0;
  29. var g1=0;
  30. var b2=0;
  31. var b1=0;
  32. //-->
  33. </script>
  34. </head>
  35. <body leftMargin="0" topMargin="0" fullscreen="1">
  36. <table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
  37. <script language="javascript">
  38. <!--
  39. //aantal stappen uitrekenen waarin de kleuren veranderen
  40. count=16*(16-r2)-16*r1;
  41.  
  42. for (var i=0;i<count;i++) {
  43. var r= hex[r1] + hex[r2];
  44. var g= hex[g1] + hex[g2];
  45. var b= hex[b1] + hex[b2];
  46.  
  47. color='#'+r+r+r;
  48.  
  49. document.write('<tr bgcolor=' + color + '><td></td></tr>');
  50.  
  51. if(color!='#FFFFFF') {
  52. if(r2<15)r2++;
  53. else {
  54. r2=0;
  55. if(r1<15)r1++;
  56. }
  57. }
  58. }
  59. //-->
  60. </script>
  61. </table>
  62. </body>
  63. </html>
  64. </code>
Offline Xtent - 06/03/2006 20:15 (laatste wijziging 06/03/2006 20:16)
Avatar van Xtent Onbekend Waarschijnlijk door dit..

php code - Bekijk de code zonder highlighting - Klap code in 
  1. hex[0]='0';
  2. hex[1]='1';
  3. hex[2]='2';
  4. hex[3]='3';
  5. hex[4]='4';
  6. hex[5]='5';
  7. hex[6]='6';
  8. hex[7]='7';
  9. hex[8]='8';
  10. hex[9]='9';
  11. hex[10]='A';
  12. hex[11]='B';
  13. hex[12]='C';
  14. hex[13]='D';
  15. hex[14]='E';
  16. hex[15]='F';


in

php code - Bekijk de code zonder highlighting - Klap code in 
  1. hex[0]='F';
  2. hex[1]='E';
  3. hex[2]='D';
  4. hex[3]='C';
  5. hex[4]='B';
  6. hex[5]='A';
  7. hex[6]='9';
  8. hex[7]='8';
  9. hex[8]='7';
  10. hex[9]='6';
  11. hex[10]='5';
  12. hex[11]='4';
  13. hex[12]='3';
  14. hex[13]='2';
  15. hex[14]='1';
  16. hex[15]='0';


te veranderen.
Offline Grayen - 06/03/2006 22:46
Avatar van Grayen PHP ver gevorderde ja dat is hem, bedankt :D
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.439s