JSFiddle

  • Word Fader

    jQuery 2.1.0, HTML, CSS, JavaScript

    $('.flyer>span:not(:first-child)').hide();
    var count = 1;
    setInterval(function() {
        var objs = $('.flyer>span');
        objs.hide();
        $(objs[count % objs.length ...
  • Chrome Flat-UI CSS #20 is the latest revision

    Chrome flat window in plain CSS

    /* no JavaScript used */
  • Facebook Invisible Like Button #141 is the latest revision

    jQuery 1.8.3, HTML, CSS, JavaScript

    $("button").toggle(
        function() {
            $("#invisible-like > *").css({opacity: 1});
        },
        function() {
            $("#invisible-like > *").css({opacity: 0});
        }
    );
  • price-normalizer #9 is the latest revision

    JS code for price-normalizer extension

    var __prcm_rex__ = new RegExp("([$€₠₡₢₣₤₥₦₧₨₩₪₫₭₮₯₰₱₲₳₴₵₶₷₸₹₺])+([0-9, ]{1,10})+([.]{0,1})+([0-9]{1,5})", "igm");
    var __prcm_rpl__ = function (s) {
        return r = s ...
  • Money-num-to-string Demo

    Demo of money-num-to-string library by Stichoza. https://github.com/Stichoza/money-num-to-string

    $("input").change(updateData).keyup(updateData);
    
    function updateData() {
        var number = $("#number").val();
        var isCurrency = $("#is-currency").is(':checked');
        var currencyOne = $("#currency-one").val ...
  • stop() with fadeIn() and animate() #51 is the latest revision

    Differences between stop() method using with fadeIn() and animate(). stop works only with animations.

    $("#roll").hover(
        function() {
            $("#trig").stop().animate({opacity: 1});
        },
        function() {
            $("#trig").stop().animate({opacity: 0});
        }
    );
    
    $("#roll_2").hover(
        function() {
            $("#trig_2").stop().fadeIn ...
  • Facebook Share Popup #3232 is the latest revision

    Facebook share popup JS function.

    <script>
        function fbShare(url, title, descr, image, winWidth, winHeight) {
            var winTop = (screen.height / 2) - (winHeight / 2);
            var winLeft = (screen.width / 2 ...</script>
  • Dynamic Height Panels #21 is the latest revision

    Dynamic height panels in header.

    $(".feat-block").css({height: '0px', opacity: '0'});
    
    
    $(".f1").animate({height: '160px', opacity: '1'}, 400);
    $(".f2").delay(200).animate({height: '220px', opacity ...