JSFiddle

  • counter #13 is the latest revision

    Mootools 1.4.5, HTML, CSS, JavaScript

    var amount = document.getElementById('amount');
    var current = 38326;
    update();
    
    function update() {
        amount.innerText = formatMoney(current);
    }
    
    setInterval(function(){
        current += .0159;
        update ...
  • material design #6 is the latest revision

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

      <link rel="import" href="http://www.polymer-project.org/components/paper-ripple/paper-ripple.html">
      <link rel="import" href="http://www.polymer-project.org/components/core-icons/core-icons.html">
      
      <section>
        
        <div class="fab red">
          <core-icon icon="add"></core-icon>
          <paper-ripple class="circle recenteringTouch" fit></paper-ripple>
        </div>
          
      </section>
  • If input value x hide parent #10 is the latest revision

    jQuery 1.10.1, HTML, CSS, JavaScript

    $(document).ready(function () {
       $("input[type=text][value*=foo]").parent('td').hide();
       $("input[type=text][value*=foo]").closest('tr').hide();
       $("input ...
  • Togle on hover #9 is the latest revision

    jQuery 1.8.3, HTML, CSS, JavaScript

       $('#nav ul').hide();
    
       $('#nav li > a').hover(
          function () {
          //show its submenu
            $('ul', this.parentNode).stop().slideDown(100);
          }
        );
       $('#nav li').hover ...
  • loop video

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

    <body>
        
    <div class="video-bg">
    <video src="http://www.eclarify.com/videos/background.mp4" width="100%" height="100%" autoplay>
    <video src="http://www.eclarify.com/videos/background.ogv" width="100%" height="100%" autoplay>
     Your browser does not support the video tag.
     </video>
    </div>
    
    <div class="content">
    ... Ipsumisustis
    </div>
  • js excerpt limit long text and ... #74 is the latest revision

    jQuery 1.10.1, HTML, CSS, JavaScript

    var myDiv = $('#text');
    myDiv.text(myDiv.text().substring(0,10) + ' ...')
    
  • Sticky Nav #236 is the latest revision

    jQuery 1.7.2, HTML, CSS, JavaScript

    var win      = $(window),
        fxel     = $('nav'),
        eloffset = fxel.offset().top;
    
    win.scroll(function() {
        if (eloffset < win.scrollTop()) {
            fxel.addClass("fixed");
        } else ...
  • stretch background image #5 is the latest revision

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

    No code. How about adding some?
  • image click play youtube #5 is the latest revision

    jQuery 1.10.1, HTML, CSS, JavaScript

    var videoSrc   = "http://www.youtube.com/embed/nOMKBmqOIjg";
    var videoParms = "?autoplay=1&amp;fs=1&amp;hd=1&amp;wmode=transparent";
    
    // style of ...
  • Show iframe on a link hover #517 is the latest revision

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

    hover = function() {
        if (!document.body.currentStyle) return;
        var DIVcomments = document.getElementById('comments');
        var DIVcomment_wrap = document.getElementById('comment-wrap');
        DIVcomments.onmouseover = function ...