JSFiddle

  • wetter animation für hp #3 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    $("#wetter").change(function(){
    var a =$("#wetter").val()
    if(a==1){
    $("body").addClass("blitz"); 
    // $("#blitz").css("display","block")
    }
    if(a==2 ...
  • menü was von oben koomt streifen die durchs bild fliegen #4 is the latest revision

    jQuery 3.2.1, HTML, CSS, JavaScript

        $("#clickme").click(function () {
      if ( $( "#topraus" ).is( ":hidden" ) ) {
     $( "#topraus" ).slideDown( 2000);
      } else {
        $( "#topraus" ).hide();
      }
      });
           $("#closetop").click(function(){
     $("#topraus").slideUp(1500);  
          });
          
          
          
          //.css ...
  • Farbmischer eigenbau für hp

    jQuery 3.2.1, HTML, CSS, JavaScript

    wechselrgb()
    function wechselrgb(){
    var rgbrot=$("#myRangerot").val();
    var rgbgrun=$("#myRangegrun").val();
    var rgbblau=$("#myRangeblau").val();
    
    
    $(".slider1").css("background","rgb("+rgbrot ...
  • alles mögliche googel animiert border buttons

    No-Library (pure JS), HTML, CSS, JavaScript

      var el = document.getElementById('h');
      var btn = document.getElementById('button1');
      var oswidth = el.offsetWidth;
      var target_width = 100;
      var loop;
    
      function ...
  • Bmi rechner für hp

    No-Library (pure JS), HTML, CSS, JavaScript

    	var useCm = true; 	// Using centimetre for height, false = inch
    	var useKg = true	// Using kilos for weight, false = pounds
    	var graphColors ...
  • Color picker für HP

    No-Library (pure JS), HTML, CSS, JavaScript

      
    	var MSIE = navigator.userAgent.indexOf('MSIE')>=0?true:false;
    	var navigatorVersion = navigator.appVersion.replace(/.*?MSIE (\d\.\d).*/g,'$1')/1 ...
  • eigenbau tooltip für miene HP #2 is the latest revision

    jQuery 3.2.1, HTML, CSS, JavaScript

    
    
    
     
    $(".info").mouseover(function(e){
     $(".info").on( "mouseover", function( event ) {
    console.log( "pageX: " + event.pageX + ", pageY: " + event.pageY );
    $(".tool").css("left ...
  • Iframe Spielerein für HP #2 is the latest revision

    iframe seite für hp

    <iframe src="https://www.digipuzzle.net/cities/newyork/puzzles/puzzles.htm" width="646" height="454"></iframe>
  • topmenü mit musik HP

    No-Library (pure JS), HTML, CSS, JavaScript

     
        <body>
     
            <ul id="nav">
                <li><a href="#">Menu 1</a>
                    <ul>
                        <li><a href="#">Submenu 1</a></li>
                        <li><a href="#">Submenu 2</a></li>
                        <li><a href="#">Submenu 3</a></li>
                        <li><a href="#">Submenu 4</a></li>
                        <li><a href="#">Submenu 5</a></li>
                    </ul>
                </li>
                <li><a href="#">Menu 2</a>
                    <ul>
                        <li><a href="#">Submenu 2-1</a></li>
                        <li><a href="#">Submenu 2-2</a></li>
                        <li><a href="#">Submenu 2-3 ...</a></li></ul></li></ul></body>
  • topmenü for HP #2 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

        <body>
            <div class="container" id="main" role="main">
                <ul class="menu">
                    <li><a href="#">Home</a></li>
                    <li><a href="#s1">Scripte</a>
                        <ul class="submenu">
                            <li><a href="#">Altersberechnug</a></li>
                            <li><a href="#">Entfernungsmesser</a></li>
                            <li><a href="#">FarbConverter</a></li>
                            <li><a href="#">Submenu d</a></li>
                            <li><a href="#">Submenu e</a></li>
                            <li><a href="#">Submenu f</a></li>
                            <li><a href="#">Submenu g</a></li>
                            <li><a href="#">Submenu h</a></li>
                        </ul>
                    </li>
                    <li class="active"><a href="#s2">Menu 2</a>
                        <ul class="submenu">
                            <li><a href="#">Submenu a</a></li>
                            <li><a href="#">Submenu ...</a></li></ul></li></ul></div></body>