HTML/JS Button

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • HTML/JS Button

    Weiß jemand wie ich Buttons auf einer Homepage
    genauso machen kann wie auf
    http://home.wtnet.de/~fwendland/

    Ich meine den Schatten der Beim Mouseover auftacht.

    Danke schon mal im Vorraus!
    Mein Homepage: Click

  • #2
    schaust du in den quelltext ... steht doch alles da
    Kissolino.com

    Kommentar


    • #3
      Das habe ich schon gemacht. Die Buttons vergrößern sich
      aber ich weiß das mit dem Schatten nicht so ganz.
      Dashier ist sicher für den Schatten denke ich mal. Im Div-Tag
      PHP-Code:
      onMouseOver="this.filters.shadow.enabled = true;"
      onMouseOut="this.filters.shadow.enabled = false;" 
      Aber bei mir kommt, dass filters.shadow = null oder kein objekt ist.

      Fehlt da irgendeine Funktion die im Code steht und ich vergessen
      habe die auch zum machen, weil ich habe nur die Div-Tags und die Buttons
      dazwischen gemacht.
      Mein Homepage: Click

      Kommentar


      • #4
        nein nein ignorier was ich gesagt hab
        Zuletzt geändert von heino1989; 13.03.2004, 13:41.

        Kommentar


        • #5
          du hast aber schon gesehen, dass die teile des js-codes in web.js ausgelagert haben, oder?
          (-:
          Bookmarks:·Bilder·Jobs·Recht·
          kostenloser Webkataloge-Assistent

          Kommentar


          • #6
            auf jeden fall brauchste auch die style angaben und das script was im body steht

            Kommentar


            • #7
              JA die Ausgelagerte Js Date habe ich schon gesehen.
              Ich habs jetzt, so funktioniert es!
              gibt es noch irgendwas im Code das man nicht braucht!
              PHP-Code:
              <HTML>
              <
              HEAD>
              <
              TITLE></TITLE>
              <
              STYLE>
              #B1 {position:absolute;top:364px;left:351px;padding:10px;padding-bottom:0px;width:92px;z-index:11;}
              #B1text {font-size:11px;color:#000000;text-decoration:none;font-weight:normal;font-style:normal;font-family:arial;background-color:#c0c0c0;}
              </STYLE>

              </
              HEAD>
              <
              BODY  STYLE="background:#ffffff;"  onLoad="loader();">
              <!--- --- --->
              <
              DIV  onMouseOver="this.filters.shadow.enabled = true;"
              onMouseOut="this.filters.shadow.enabled = false;"
              ID="B1" TITLE="weiter" style="left: 22px; top: 50px"
                <
              FORM onSubmit="return false">
              <
              INPUT TYPE=BUTTON
              ID
              ="B1text"
              NAME="B1text"
              VALUE="weiter"
              onMouseOver="this.style.textDecoration='underline';
              this.style.fontWeight='bold';
              this.style.fontStyle='normal';
              this.style.fontFamily='Arial';
              this.style.fontSize='12px';
              this.style.color='#0000ff';
              this.style.backgroundColor='#c0c0c0';"
              onMouseOut="this.style.textDecoration='none';
              this.style.fontFamily='arial';
              this.style.fontSize='11px';
              this.style.color='#000000';
              this.style.backgroundColor='#c0c0c0';
              this.style.fontStyle='normal';
              this.style.fontWeight='normal';"
              >
              </
              FORM></DIV>

              <
              SCRIPT LANGUAGE="JavaScript" ID="WEB!" TYPE="text/javascript">
              var 
              IE = (navigator.appName=="Microsoft Internet Explorer");

              function 
              newSlide(id,next,wait)
              {
                  
              this.id id;
                  
              this.next next;
                  
              this.wait wait;
                  
              this.elems = new Array();
                  return 
              this;
              }

              function 
              newElement(id,next,wait,type,lightRed,lightGreen,lightBlue,lightStrength,waveAnim,waveDir,waves,filter)
              {
                  
              this.id id;
                  
              this.next next;
                  
              this.wait wait;
                  
              this.type type;
                  
              this.filter filter;                                

                  if(
              navigator.appName != 'Netscape')
                  {
                      
              document.all(id).style.filter filter;
                      var 
              dur_s filter.indexOf('Duration=')+9;
                      var 
              dur_e filter.indexOf(',',dur_s);
                      
              document.all(id).filters(0).Duration filter.substring(dur_s,dur_e)*1.0;
                      
                      if(
              document.all(id).style.filter.toLowerCase().indexOf("light(")!=-1)
                      {
                          
              document.all(id).filters.light.addAmbient(lightRed,lightGreen,lightBlue,lightStrength);
                      }

                      if(
              waveAnim=="true")
                      {
                          
              document.all(id).wave wave;
                          
              document.all(id).wavedir waveDir;
                          
              document.all(id).filters.wave.phase = (waveDir=="up")?0:95;
                          
              waves[waves.length] = id;
                      }    
                  }
                  
                  return 
              this;
              }

              function 
              loader()
              {
                  
              startMarquees();
                  if(
              navigator.appName != 'Netscape')
                      
              startWaves();
                  else    
                      
              transitions_netscape();

                  
              start();
              }

              function 
              wave()
              {
                  if(
              IE)
                  {
                      if(
              this.wavedir=="up" && this.filters.wave.phase<100)
                          
              this.filters.wave.phase this.filters.wave.phase 100;
                      else if(
              this.wavedir=="down" && this.filters.wave.phase>0)    
                          
              this.filters.wave.phase this.filters.wave.phase 100;
                      else if(
              this.wavedir=="up")
                          
              this.filters.wave.phase=0;
                      else if(
              this.wavedir=="down")
                          
              this.filters.wave.phase=95;

                      
              setTimeout(this.id ".wave()",40);    
                  }
              }


              var 
              wavesElements = new Array();
              var 
              slides = new Array();
              var 
              marquees = new Object();

              //start slide 0
              slides[0] = new newSlide("SL0","timer","0");
              slides[0].elems[0] = new newElement("B1""timer""0.0""button""255""0""0""50""false""up"wavesElements"revealtrans(Duration=0,Transition=0)  shadow(color=#000000,direction=135,enabled=0)");
              //end slide 0

              function changeImage(img,loc)
              {if(
              IE)
              document.all(img+"image").src loc;
              else

              document.layers[img].document.images[0].src loc;
              }
              function 
              startMarquees()
              {
              }
              </
              SCRIPT>
              </
              BODY>
              </
              HTML
              Danke
              Mein Homepage: Click

              Kommentar

              Lädt...
              X