Sitedeki Ögeleri Dans Ettiren Kod

Whistle

Ruhsuz Filozof
Kurucu
Kurumsal Üye
Geliştirici
Yardımsever Üye
Mesaj
11.534
Çözümler
549
Beğeni
12.171
Puan
5.915
Ticaret Puanı
1
Eğer google chrome tarayıcısı ile siteye giriyorsanız aşağıdaki kodu F12 Konsol kısmına girdikten sonra müzik eşliğinde sitedeki ögeler dans edecektir.
JavaScript:
javascript:(function(){function c(){var e=document.createElement("link");e.setAttribute("type","text/css");e.setAttribute("rel","stylesheet");e.setAttribute("href",f);e.setAttribute("class",l);document.body.appendChild(e)}function h(){var e=document.getElementsByClassName(l);for(var t=0;t<e.length;t++){document.body.removeChild(e[t])}}function p(){var e=document.createElement("div");e.setAttribute("class",a);document.body.appendChild(e);setTimeout(function(){document.body.removeChild(e)},100)}function d(e){return{height:e.offsetHeight,width:e.offsetWidth}}function v(i){var s=d(i);return s.height>e&&s.height<n&&s.width>t&&s.width<r}function m(e){var t=e;var n=0;while(!!t){n+=t.offsetTop;t=t.offsetParent}return n}function g(){var e=document.documentElement;if(!!window.innerWidth){return window.innerHeight}else if(e&&!isNaN(e.clientHeight)){return e.clientHeight}return 0}function y(){if(window.pageYOffset){return window.pageYOffset}return Math.max(document.documentElement.scrollTop,document.body.scrollTop)}function E(e){var t=m(e);return t>=w&&t<=b+w}function S(){var e=document.createElement("audio");e.setAttribute("class",l);e.src=i;e.loop=false;e.addEventListener("canplay",function(){setTimeout(function(){x(k)},500);setTimeout(function(){N();p();for(var e=0;e<O.length;e++){T(O[e])}},15500)},true);e.addEventListener("ended",function(){N();h()},true);e.innerHTML=" <p>If you are reading this, it is because your browser does not support the audio element. We recommend that you get a new browser.</p> <p>";document.body.appendChild(e);e.play()}function x(e){e.className+=" "+s+" "+o}function T(e){e.className+=" "+s+" "+u[Math.floor(Math.random()*u.length)]}function N(){var e=document.getElementsByClassName(s);var t=new RegExp("\\b"+s+"\\b");for(var n=0;n<e.length;){e[n].className=e[n].className.replace(t,"")}}var e=30;var t=30;var n=350;var r=350;var i="//s3.amazonaws.com/moovweb-marketing/playground/harlem-shake.mp3";var s="mw-harlem_shake_me";var o="im_first";var u=["im_drunk","im_baked","im_trippin","im_blown"];var a="mw-strobe_light";var f="//s3.amazonaws.com/moovweb-marketing/playground/harlem-shake-style.css";var l="mw_added_css";var b=g();var w=y();var C=document.getElementsByTagName("*");var k=null;for(var L=0;L<C.length;L++){var A=C[L];if(v(A)){if(E(A)){k=A;break}}}if(A===null){console.warn("Could not find a node of the right size. Please try a different page.");return}c();S();var O=[];for(var L=0;L<C.length;L++){var A=C[L];if(v(A)){O.push(A)}}})()

Kodun kaynağı:
Linkleri görebilmek için giriş yap veya kayıt ol.
 
Ahahah aynen böyle oluyor. :D
 
Efsaneymiş :DSDF:S
 
Niye bilmiyorum ama bu konuyu tekrardan görünce bu kodun çalışma mantığını öğrenmek için okunabilir hale getirmek istedim. Hazır bunu okunabilir hale getirmişken paylaşayım dedim.

JavaScript:
javascript:(function() {
    function c() {
        var e=document.createElement("link");
        e.setAttribute("type","text/css");
        e.setAttribute("rel","stylesheet");
        e.setAttribute("href",f);
        e.setAttribute("class",l);
        document.body.appendChild(e)
    }
    
    function h() {
        var e=document.getElementsByClassName(l);
        for(var t = 0; t < e.length; t++) {
            document.body.removeChild(e[t])
        }
    }
    
    function p() {
        var e=document.createElement("div");
        e.setAttribute("class",a);
        document.body.appendChild(e);
        
        setTimeout(function(){
            document.body.removeChild(e)
        }, 100)
    
    }
    
    function d(e) {
        return{height:e.offsetHeight,width:e.offsetWidth}
    }
    
    function v(i) {
        var s=d(i);
        return s.height > e && s.height <n && s.width > t && s.width < r
    }
    
    function m(e) {
        var t=e;
        var n=0;
        
        while(!!t) {
            n += t.offsetTop;
            t = t.offsetParent
        }
        
        return n
    }
    
    function g() {
        var e=document.documentElement;
        
        if(!!window.innerWidth) {
            return window.innerHeight
        }
        else if(e && !isNaN(e.clientHeight)) {
            return e.clientHeight
        }
        
        return 0
    }
    
    function y() {
        if(window.pageYOffset) {
            return window.pageYOffset
        }
        
        return Math.max(document.documentElement.scrollTop,document.body.scrollTop)
    }
    
    function E(e) {
        var t=m(e);
        return t >= w && t <= b+w
    }
    
    function S() {
        var e=document.createElement("audio");
        e.setAttribute("class",l);
        e.src=i;
        e.loop=false;
        e.addEventListener("canplay", function() {
            setTimeout(function() {
                x(k)
            }, 500);
            
            setTimeout(function() {
                N();
                p();
                
                for(var e = 0; e < O.length; e++) {
                    T(O[e])
                }
            }, 15500)
        }, true);
        
        
        e.addEventListener("ended", function() {
            N();
            h()
        }, true);
        
        e.innerHTML = " <p>If you are reading this, it is because your browser does not support the audio element. We recommend that you get a new browser.</p> <p>";
        
        document.body.appendChild(e);
        e.play()
    }
    
    function x(e) {
        e.className += " " + s + " " + o
    }
    
    function T(e) {
        e.className += " " + s + " " + u[Math.floor(Math.random() * u.length)]
    }
    
    function N() {
        var e = document.getElementsByClassName(s);
        var t = new RegExp("\\b" + s + "\\b");
        for(var n = 0; n < e.length;) {
            e[n].className=e[n].className.replace(t, "")
        }
    }
    
    var e=30;
    var t=30;
    var n=350;
    var r=350;
    var i="//s3.amazonaws.com/moovweb-marketing/playground/harlem-shake.mp3";
    var s="mw-harlem_shake_me";
    var o="im_first";
    var u=["im_drunk", "im_baked", "im_trippin", "im_blown"];
    var a="mw-strobe_light";
    var f="//s3.amazonaws.com/moovweb-marketing/playground/harlem-shake-style.css";
    var l="mw_added_css";
    var b = g();
    var w = y();
    var C = document.getElementsByTagName("*");
    var k = null;
    
    for(var L = 0; L < C.length; L++) {
        var A=C[L];
        
        if(v(A)) {
            if(E(A)) {
                k=A;
                break
            }
        }
    }
    
    if(A===null) {
        console.warn("Could not find a node of the right size. Please try a different page.");
        return
    }
    
    c();
    S();
    var O=[];
    for(var L=0; L < C.length; L++) {
        var A=C[L];
        if(v(A)) {
            O.push(A)
        }
    }
})()
//whistle tarafindan okunulabilir hale getirilmiştir.
 
Geri
Üst