Rollover background-color button

steiner61.iphpbb.com
Verfügbare Informationen zu "Rollover background-color button"

  • Qualität des Beitrags: 0 Sterne
  • Beteiligte Poster: oleck61
  • Forum: steiner61.iphpbb.com
  • aus dem Unterforum: Html / Skipte / Javascript / CSS
  • Antworten: 1
  • Forum gestartet am: Donnerstag 05.05.2011
  • Sprache: deutsch
  • Link zum Originaltopic: Rollover background-color button
  • Letzte Antwort: vor 12 Jahren, 8 Monaten, 10 Tagen, 13 Stunden, 34 Minuten
  • Alle Beiträge und Antworten zu "Rollover background-color button"

    Re: Rollover background-color button

    oleck61 - 07.08.2011, 11:47

    Rollover background-color button
    Code: <style type="text/css">

    .initial2{font-weight:bold;background-color:lime}

    </style>

    <script type="text/javascript">
    <!--

    /***********************************************
    * Rollover background-color button Script- © Dynamic Drive (www.dynamicdrive.com)
    * This notice must stay intact for use
    * Visit http://www.dynamicdrive.com/ for full source code
    ***********************************************/

    //Specify optional button target: "_new" for new window, or name of FRAME target (ie "myframe")
    var buttontarget=""

    function change(e, color){
    var el=window.event? event.srcElement: e.target
    if (el.tagName=="INPUT"&&el.type=="button")
    el.style.backgroundColor=color
    }

    function jumpto2(url){
    if (buttontarget=="")
    window.location=url
    else if (buttontarget=="_new")
    window.open(url)
    else
    parent[buttontarget].location=url
    }

    //-->
    </script>

    Code: <form onMouseover="change(event, 'yellow')" onMouseout="change(event, 'lime')">
    <input type="button" value="Yahoo" class="initial2" onClick="jumpto2('http://yahoo.com')">
    <input type="button" value="Google" class="initial2" onClick="jumpto2('http://google.com')">
    <input type="button" value="AlltheWeb" class="initial2" onClick="jumpto2('http://alltheweb.com')">
    </form>



    Mit folgendem Code, können Sie den Beitrag ganz bequem auf ihrer Homepage verlinken



    Weitere Beiträge aus dem Forum steiner61.iphpbb.com



    Ähnliche Beiträge wie "Rollover background-color button"

    bewerbung silverstar - silverstar (Samstag 03.02.2007)
    da hier kommt Silverstar, da kommt ihr net klar :D - silverstar (Samstag 13.01.2007)