JSFiddle

  • text drehen iframe mit inhalt und buchstaben spiel

    jQuery 3.2.1, HTML, CSS, JavaScript

     ZZAusgabe='';
    function Zickzacktext(Text){
     
    
    for(i=0;i<(Text+"*").lastIndexOf("*");i++)
    {
    dre=Math.random() * (359);
    var a=''+dre+'deg';
     ZZAusgabe += '<div style="transform: rotate('+a+')">'+Text.charAt(i)+'</div>';
     
    $("#lauf1").html(ZZAusgabe)
    }
    }
    Zickzacktext(document.getElementById('lauf1').innerHTML);
    
    
    
    
    
    
    
    
    
    
    
    var ...</(text+"*").lastindexof("*");i++)
    {
    dre=math.random()>
  • schneefall

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

    <html>
    <head>
    <title>Falling Snow Example | kirupa.com</title>
    <style>
    body {
        background-color: #1D1D1D;
        padding: 30px;
        margin: 0px;
    }
    #snowflakeContainer {
        position: absolute;
        left: 0px;
        top: 0px;
    }
    .snowflake ...</style></head></html>
  • alles mögliche hintereinander #11 is the latest revision

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

     <!--this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->
    <!--      This fades the text color giving you a rainbow effect.
              Change it by playing with the <FONT COLOR= >  -->
    
    <script language="JavaScript">
    <!-- Hide the script from old browsers --
    
    // Modified by CoffeeCup Software
    
    function MakeArray(n)
    {
      this.length=n;
      for(var i=1; i<=n; i++) this[i]=i-1;
      return this
    }
    
    hex=new MakeArray(16);
    hex[11]="A"; 
    hex[12]="B"; 
    hex[13]="C"; 
    hex[14]="D"; 
    hex[15]="E"; 
    hex[16]="F";
    
    function ToHex(x)
    {
    // Changes a int to hex (in the range 0 to 255)
      var high=x/16;
      var s=high + "";
      s=s.substring(0,2);
      high=parseInt(s,10);
      var left=hex[high+1];
    
      var low=x-high*16;
      s=low+"";
      s=s.substring(0,2);
      low=parseInt(s,10);
      var right=hex[low+1];
    
      var string=left + "" + right;
      return string;
    }
    
    function fadein(text)
    {
      text=text.substring(3,text.length-4);
    
      color_d1=255;
      color_d1b=255;
      color_d1c=255;
    
      mul=color_d1/text.length;   
      for(i=0;i<text.length;i++)
      {
        color_d1=mul*i; 
        color_d1b=255-mul*i;
        color_d1c=255*Math.sin(i/(text.length/3));
    // *******
    // some other things you can try>> "=255-mul*i" to fade out, "=mul*i" to fade in, or try "255*Math.sin(i/(text.length/3))"
    // *******
        color_h1 ...</!--></script></!--></!--this>
  • farbe ändert langsam zur anderen ohne css #1 is the latest revision

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

    // Select fade-effect below:
    // Set 1 if the background may fade from dark to medium 
    // Set 2 if the background may ...
  • taschenrechner

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

    <!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->
    <CENTER>
    
    <FORM name="Keypad" action="">
    <TABLE>
    <B>
    <TABLE border=2 width=50 height=60 cellpadding=1 cellspacing=5>
    <TR>
    <TD colspan=3 align=middle>
    <input name="ReadOut" type="Text" size=24 value="0" width=100%>
    </TD>
    <TD
    </TD>
    <TD>
    <input name="btnClear" type="Button" value="  C  " onclick="Clear()">
    </TD>
    <TD><input name="btnClearEntry" type="Button" value="  CE " onclick="ClearEntry()">
    </TD>
    </TR>
    <TR>
    <TD>
    <input name="btnSeven" type="Button" value="  7  " onclick="NumPressed(7)">
    </TD>
    <TD>
    <input name="btnEight" type="Button" value="  8  " onclick="NumPressed(8)">
    </TD>
    <TD>
    <input name="btnNine" type="Button" value="  9  " onclick="NumPressed(9)">
    </TD>
    <TD>
    </TD>
    <TD>
    <input name="btnNeg" type="Button" value=" +/- " onclick="Neg()">
    </TD>
    <TD>
    <input name="btnPercent" type="Button" value="  % " onclick="Percent()">
    </TD>
    </TR>
    <TR>
    <TD>
    <input name="btnFour" type="Button" value="  4  " onclick="NumPressed(4)">
    </TD>
    <TD>
    <input name="btnFive" type="Button" value="  5  " onclick="NumPressed(5)">
    </TD>
    <TD>
    <input name="btnSix" type="Button" value="  6  " onclick="NumPressed(6)">
    </TD>
    <TD>
    </TD>
    <TD align=middle><input name="btnPlus" type="Button" value="  +  " onclick="Operation('+')">
    </TD>
    <TD align=middle><input name="btnMinus" type="Button" value="   -   " onclick="Operation('-')">
    </TD>
    </TR>
    <TR>
    <TD>
    <input name="btnOne" type="Button" value="  1  " onclick="NumPressed(1)">
    </TD>
    <TD>
    <input name="btnTwo" type="Button" value="  2  " onclick="NumPressed(2)">
    </TD>
    <TD>
    <input name="btnThree" type="Button" value="  3  " onclick="NumPressed(3)">
    </TD>
    <TD>
    </TD>
    <TD align=middle><input name="btnMultiply" type="Button" value="  *  " onclick="Operation('*')">
    </TD>
    <TD align=middle><input name="btnDivide" type="Button" value="   /   " onclick="Operation('/')">
    </TD>
    </TR>
    <TR>
    <TD>
    <input name="btnZero" type="Button" value="  0  " onclick="NumPressed(0)">
    </TD>
    <TD>
    <input name="btnDecimal" type="Button" value="   .  " onclick="Decimal()">
    </TD>
    <TD colspan=3>
    </TD>
    <TD>
    <input name="btnEquals" type="Button" value="  =  " onclick="Operation('=')">
    </TD>
    </TR>
    </TABLE>
    </TABLE>
    </B>
    </FORM>
    </CENTER>
    <font face="Verdana, Arial, Helvetica" size=2>
    <SCRIPT LANGUAGE="JavaScript">
    <!-- Begin
    var FKeyPad = document.Keypad;
    var Accumulate = 0;
    var FlagNewNum = false;
    var PendingOp = "";
    function NumPressed (Num) {
    if (FlagNewNum) {
    FKeyPad.ReadOut.value  = Num;
    FlagNewNum = false;
       }
    else {
    if (FKeyPad.ReadOut.value == "0")
    FKeyPad.ReadOut.value = Num;
    else
    FKeyPad.ReadOut.value += Num;
       }
    }
    function Operation (Op) {
    var Readout = FKeyPad.ReadOut.value;
    if (FlagNewNum && PendingOp != "=");
    else
    {
    FlagNewNum = true;
    if ( '+' == PendingOp )
    Accumulate += parseFloat(Readout);
    else if ( '-' == PendingOp )
    Accumulate -= parseFloat(Readout);
    else if ( '/' == PendingOp )
    Accumulate /= parseFloat(Readout);
    else if ( '*' == PendingOp )
    Accumulate *= parseFloat(Readout);
    else
    Accumulate = parseFloat(Readout);
    FKeyPad.ReadOut.value = Accumulate;
    PendingOp = Op;
       }
    }
    function Decimal () {
    var curReadOut = FKeyPad.ReadOut.value;
    if (FlagNewNum) {
    curReadOut = "0.";
    FlagNewNum = false;
       }
    else
    {
    if (curReadOut.indexOf(".") == -1)
    curReadOut += ".";
       }
    FKeyPad.ReadOut.value = curReadOut;
    }
    function ClearEntry () {
    FKeyPad.ReadOut.value = "0";
    FlagNewNum = true;
    }
    function Clear () {
    Accumulate = 0;
    PendingOp = "";
    ClearEntry();
    }
    function Neg () {
    FKeyPad.ReadOut.value = parseFloat(FKeyPad.ReadOut.value) * -1;
    }
    function Percent () {
    FKeyPad.ReadOut.value = (parseFloat(FKeyPad.ReadOut.value) / 100) * parseFloat(Accumulate);
    }
    // End -->
    </SCRIPT>
    <font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>
  • feuerwerk läuft noch nicht #2 is the latest revision

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

    <!-- this script got from www.javascriptfreecode.com-->
         <!-- this script got from KKR-->
    
    <body bgcolor='#000000' >
    <!-- Start of Fireworks -->
    <script language="JavaScript">
    CL=new Array('#ff0000','#00ff00','#ffffff','#ff00ff','#ffa500','#ffff00','#00ff00','#ffffff','#ff00ff')
    CL2=new Array('#ffa500','#00ff00','#FFAAFF','#fff000','#fffffF ...</script></!--></body></!--></!-->
  • Led laufschrieft #17 is the latest revision

    led laufschrieft versuch

    <div id="lauf">
    <p>
    lauf schrieft
    </p>
    </div>
  • alerts die aufploppen 1

    jQuery 3.2.1, HTML, CSS, JavaScript

    function ClipObject() {
      var p = arguments[0];
      var o = typeof p == 'object' ? p :
        document.getElementById(p);
      if (!o.id) o.id ...
  • Rgb to hex #2 is the latest revision

    jQuery 3.2.1, HTML, CSS, JavaScript

     
    function los(){
    function rgbToHex(r, g, b) {
        if (r > 255 || g > 255 || b > 255)
            throw "Invalid color component";
        return ((r ...
  • selectfelde

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

    
      
        <select>
        <option>Firefox</option>
        <option>Opera</option>
        <option>Chrome</option>
        <option>Explorer</option>
      </select>