Request Web Noel

Joined
May 15, 2012
Messages
2,138
Reactions
715
MR
1.616
vào : view-source:ttht.ago.vn
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title> Đại Tân || Hoài Thu</title>
<meta name="Author" content="Chù Disturbia">
<meta http-equiv="imagetoolbar" content="no">
<style type="text/css">
    html {
        overflow: hidden;
    }
    body {
        position: absolute;
        margin: 0px;
        padding: 0px;
        background: #eee;
        width: 100%;
        height: 100%;
        color: #fff;
        font-family: arial;
        font-size: 0.8em;
    }
    #screen {
        position: absolute;
        width: 100%;
        height: 100%;
        background: #000;
        overflow: hidden;
    }
    #screen img, canvas {
        position: absolute;
        left: -9999px;
        cursor: pointer;
        image-rendering: optimizeSpeed;
    }
    #screen .href {
        border: #FFF dotted 1px;
    }
    #screen .fog {
        position: absolute;
        background: #fff;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }
    #command {
        position:absolute;
        left: 1em;
        top: 1em;
        width: 130px;
        z-index: 30000;
        background:#000;
        border: #000 solid 1em;
    }
    #bar {
        position:relative;
        left: 1em;
        top: 1em;
        height: 160px;
    }
    #bar .button {
        position: absolute;
        background: #222;
        width: 20px;
        height: 20px;
        cursor: pointer;
    }
    #bar .loaded {
        background: #666;
    }
    #bar .viewed {
        background: #fff;
    }
    #bar .selected {
        background: #f00;
    }
    #urlInfo {
        position: absolute;
        background: url(http://psdtuts.com/tutorials/5_FleurDeLis/1.jpg) no-repeat 0 4px;
        visibility: hidden;
        z-index: 30000;
        padding-left: 12px;
        cursor: pointer;
    }
</style>
<SCRIPT language=JavaScript>
document.onmousedown=click
var times=0
var times2=10
function click() {
if ((event.button==2) || (event.button==3)) {
alert("Chù Disturbia ^^");
times++ } }
function bye()
{alert
bye() }

</SCRIPT>
<script language="javascript">
    alert(" Dù gì xảy ra đi chăng nữa ")
    alert(" Anh luôn mong em hãy nhớ rằng ")
    alert(" Anh xã của em vẫn luôn nhớ em :D ")
    alert("-::- Chúc em giáng sinh vui vẻ dù không có anh ở bên cạnh ^^ !!! :")
    var txt="-::- Giáng sinh dù không anh nhưng hãy vui vẻ nhé ^^ !!! :"
</script>
<script language="javascript" type="text/javascript">

var text='Hoài Thu - Merry christmas ^^';

var delay=22;
var Xoff=0;
var Yoff=10;
var txtw=8;
var beghtml='<font color="red"><b>';
var endhtml='<\/b><\/font>';
ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
ie4 = (document.all && !document.getElementById)? true : false;
ie5 = (document.all && document.getElementById)? true : false;
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var txtA=new Array();
text=text.split('');
var x1=0;
var y1=-1000;
var t='';
for(i=1;i<=text.length;i++){
t+=(ns4)? '<layer name="txt'+i+'" top="-100" left="0" width="'+txtw+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
t+=beghtml+text[i-1]+endhtml;
t+=(ns4)? '<\/layer>' : '<\/div>';
}
document.write(t);
function moveid(id,x,y){
if(ns4)id.moveTo(x,y);
else{
id.style.left=x+'px';
id.style.top=y+'px';
}}
function animate(evt){
x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
}
function getidleft(id){
if(ns4)return id.left;
else return parseInt(id.style.left);
}
function getidtop(id){
if(ns4)return id.top;
else return parseInt(id.style.top);
}
function getwindowwidth(){
if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
else return window.innerWidth+pageXOffset;
}
function movetxts(){
for(i=text.length;i>1;i=i-1){
if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
moveid(txtA[i-1],0,-1000);
moveid(txtA[i],0,-1000);
}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
}
moveid(txtA[1],x1,y1);
}
window.onload=function(){
for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
if(ns4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=animate;
setInterval('movetxts()',delay);
}
</script>
<script type="text/javascript">
var m3D = function () {
    /* ---- private vars ---- */
    var diapo = [],
        imb,
        scr,
        bar,
        selected,
        urlInfo,
        imagesPath = "random/",
        camera = {x:0, y:0, z:-650, s:0, fov: 500},
        nw = 0,
        nh = 0;
    /* ==== camera tween methods ==== */
    camera.setTarget = function (c0, t1, p) {
        if (Math.abs(t1 - c0) > .1) {
            camera.s = 1;
            camera.p = 0;
            camera.d = t1 - c0;
            if (p) {
                camera.d *= 2;
                camera.p = 9;
            }
        }
    }
    camera.tween = function (v) {
        if (camera.s != 0) {
            camera.p += camera.s;
            camera[v] += camera.d * camera.p * .01;
            if (camera.p == 10) camera.s = -1;
            else if (camera.p == 0) camera.s = 0;
        }
        return camera.s;
    }
    /* ==== diapo constructor ==== */
    var Diapo = function (n, img, x, y, z) {
        if (img) {
            this.url = img.url;
            this.title = img.title;
            this.color = img.color;
            this.isLoaded = false;
            if (document.createElement("canvas").getContext) {
                /* ---- using canvas in place of images (performance trick) ---- */
                this.srcImg = new Image();
                this.srcImg.src = imagesPath + img.src;
                this.img = document.createElement("canvas");
                this.canvas = true;
                scr.appendChild(this.img);
            } else {
                /* ---- normal image ---- */
                this.img = document.createElement('img');
                this.img.src = imagesPath + img.src;
                scr.appendChild(this.img);
            }
            /* ---- on click event ---- */
            this.img.onclick = function () {
                if (camera.s) return;
                if (this.diapo.isLoaded) {
                    if (this.diapo.urlActive) {
                        /* ---- jump hyperlink ---- */
                        top.location.href = this.diapo.url;
                    } else {
                        /* ---- target positions ---- */
                        camera.tz = this.diapo.z - camera.fov;
                        camera.tx = this.diapo.x;
                        camera.ty = this.diapo.y;
                        /* ---- disable previously selected img ---- */
                        if (selected) {
                            selected.but.className = "button viewed";
                            selected.img.className = "";
                            selected.img.style.cursor = "pointer";
                            selected.urlActive = false;
                            urlInfo.style.visibility = "hidden";
                        }
                        /* ---- select current img ---- */
                        this.diapo.but.className = "button selected";
                        interpolation(false);
                        selected = this.diapo;
                    }
                }
            }
            /* ---- command bar buttons ---- */
            this.but = document.createElement('div');
            this.but.className = "button";
            bar.appendChild(this.but);
            this.but.diapo = this;
            this.but.style.left = Math.round((this.but.offsetWidth  * 1.2) * (n % 4)) + 'px';
            this.but.style.top  = Math.round((this.but.offsetHeight * 1.2) * Math.floor(n / 4)) + 'px';
            this.but.onclick = this.img.onclick;
            imb = this.img;
            this.img.diapo = this;
            this.zi = 25000;
        } else {
            /* ---- transparent div ---- */
            this.img = document.createElement('div');
            this.isLoaded = true;
            this.img.className = "fog";
            scr.appendChild(this.img);
            this.w = 300;
            this.h = 300;
            this.zi = 15000;
        }
        /* ---- object variables ---- */
        this.x = x;
        this.y = y;
        this.z = z;
        this.css = this.img.style;
    }
    /* ==== main 3D animation ==== */
    Diapo.prototype.anim = function () {
        if (this.isLoaded) {
            /* ---- 3D to 2D projection ---- */
            var x = this.x - camera.x;
            var y = this.y - camera.y;
            var z = this.z - camera.z;
            if (z < 20) z += 5000;
            var p = camera.fov / z;
            var w = this.w * p;
            var h = this.h * p;
            /* ---- HTML rendering ---- */
            this.css.left   = Math.round(nw + x * p - w * .5) + 'px';
            this.css.top    = Math.round(nh + y * p - h * .5) + 'px';
            this.css.width  = Math.round(w) + 'px';
            this.css.height = Math.round(h) + 'px';
            this.css.zIndex = this.zi - Math.round(z);
        } else {
            /* ---- image is loaded? ---- */
            this.isLoaded = this.loading();
        }
    }
    /* ==== onload initialization ==== */
    Diapo.prototype.loading = function () {
        if ((this.canvas && this.srcImg.complete) || this.img.complete) {
            if (this.canvas) {
                /* ---- canvas version ---- */
                this.w = this.srcImg.width;
                this.h = this.srcImg.height;
                this.img.width = this.w;
                this.img.height = this.h;
                var context = this.img.getContext("2d");
                context.drawImage(this.srcImg, 0, 0, this.w, this.h);
            } else {
                /* ---- plain image version ---- */
                this.w = this.img.width;
                this.h = this.img.height;
            }
            /* ---- button loaded ---- */
            this.but.className += " loaded";
            return true;
        }
        return false;
    }
    ////////////////////////////////////////////////////////////////////////////
    /* ==== screen dimensions ==== */
    var resize = function () {
        nw = scr.offsetWidth * .5;
        nh = scr.offsetHeight * .5;
    }
    /* ==== disable interpolation during animation ==== */
    var interpolation = function (bicubic) {
        var i = 0, o;
        while( o = diapo[i++] ) {
            if (o.but) {
                o.css.msInterpolationMode = bicubic ? 'bicubic' : 'nearest-neighbor'; // makes IE8 happy
                o.css.imageRendering = bicubic ? 'optimizeQuality' : 'optimizeSpeed'; // does not really work...
            }
        }
    }
    /* ==== init script ==== */
    var init = function (data) {
        /* ---- containers ---- */
        scr = document.getElementById("screen");
        bar = document.getElementById("bar");
        urlInfo = document.getElementById("urlInfo");
        resize();
        /* ---- loading images ---- */
        var i = 0,
            o,
            n = data.length;
        while( o = data[i++] ) {
            /* ---- images ---- */
            var x = 1000 * ((i % 4) - 1.5);
            var y = Math.round(Math.random() * 4000) - 2000;
            var z = i * (5000 / n);
            diapo.push( new Diapo(i - 1, o, x, y, z));
            /* ---- transparent frames ---- */
            var k = diapo.length - 1;
            for (var j = 0; j < 3; j++) {
                var x = Math.round(Math.random() * 4000) - 2000;
                var y = Math.round(Math.random() * 4000) - 2000;
                diapo.push( new Diapo(k, null, x, y, z + 100));
            }
        }
        /* ---- start engine ---- */
        run();
    }
    ////////////////////////////////////////////////////////////////////////////
    /* ==== main loop ==== */
    var run = function () {
        /* ---- x axis move ---- */
        if (camera.tx) {
            if (!camera.s) camera.setTarget(camera.x, camera.tx);
            var m = camera.tween('x');
            if (!m) camera.tx = 0;
        /* ---- y axis move ---- */
        } else if (camera.ty) {
            if (!camera.s) camera.setTarget(camera.y, camera.ty);
            var m = camera.tween('y');
            if (!m) camera.ty = 0;
        /* ---- z axis move ---- */
        } else if (camera.tz) {
            if (!camera.s) camera.setTarget(camera.z, camera.tz);
            var m = camera.tween('z');
            if (!m) {
                /* ---- animation end ---- */
                camera.tz = 0;
                interpolation(true);
                /* ---- activate hyperlink ---- */
                if (selected.url) {
                    selected.img.style.cursor = "pointer";
                    selected.urlActive = true;
                    selected.img.className = "href";
                    urlInfo.diapo = selected;
                    urlInfo.onclick = selected.img.onclick;
                    urlInfo.innerHTML = selected.title || selected.url;
                    urlInfo.style.visibility = "visible";
                    urlInfo.style.color = selected.color || "#fff";
                    urlInfo.style.top = Math.round(selected.img.offsetTop + selected.img.offsetHeight - urlInfo.offsetHeight - 5) + "px";
                    urlInfo.style.left = Math.round(selected.img.offsetLeft + selected.img.offsetWidth - urlInfo.offsetWidth - 5) + "px";
                } else {
                    selected.img.style.cursor = "default";
                }
            }
        }
        /* ---- anim images ---- */
        var i = 0, o;
        while( o = diapo[i++] ) o.anim();
        /* ---- loop ---- */
        setTimeout(run, 32);
    }
    return {
        ////////////////////////////////////////////////////////////////////////////
        /* ==== initialize script ==== */
        init : init
    }
}();
</script>
</head>
<body>
<div id="screen">
    <div id="command">
        <h1><font color="red"><b>Biệt Danh<hr>Vịt Con</font></h1>
<pre><b><font size=2><font color="yellow">
---------------------
Name: Hoài Thu
Age: 18
School: IUH
Add: Phan Rang city
---------------------
Hướng dẫn: Xem bằng
cách click vào
từng ô phía dưới
---------------------
Ảnh bị lỗi thì
bấm F5 hoặc xem
tiếp ảnh khác :D</font>
</b>
</pre>
        <div id="bar"></div>
    </div>
    <div id="urlInfo"></div>
</div>
<script type="text/javascript">
/* ==== start script ==== */
setTimeout(function() {
    m3D.init(
        [
            { src: '1.jpg', url: 'http://pczonevn.com/motco.be', title: 'jump to random script', color: '#fff'},
            { src: '2.jpg' },
            { src: '3.jpg' },
            { src: '4.jpg' },
            { src: '5.jpg' },
            { src: '6.jpg' },
            { src: '7.jpg' },
                { src: '8.jpg' },
            { src: '9.jpg' },
            { src: '10.jpg' },
            { src: '11.jpg' },
            { src: '12.jpg' },
            { src: '13.jpg' },
            { src: '14.jpg' },
                { src: '15.jpg' },
                { src: '16.jpg' },
            { src: '17.jpg' },
            { src: '18.jpg' },
            { src: '19.jpg' },
            { src: '20.jpg' },
                { src: '21.jpg' },
                { src: '22.jpg' },
                { src: '23.jpg' },
            { src: '24.jpg' },
                { src: '25.jpg' },
            { src: '26.jpg' },
            { src: '27.jpg' },
                { src: '28.jpg' },
            { src: '29.jpg' },
            { src: '30.jpg' },
                { src: '31.jpg' },
            { src: '32.jpg' },
            { src: '33.jpg' },
            { src: '34.jpg' },
            { src: '35.jpg' },
            { src: '36.jpg' },
            { src: '37.jpg' },
            { src: '38.jpg' },
            { src: '39.jpg' },
            { src: '40.jpg' },
                { src: '41.jpg' },
            { src: '42.jpg' },
            { src: '43.jpg' },
            { src: '44.jpg' },
                { src: '45.jpg' },
            { src: '46.jpg' },
             
     


        ]
    );
}, 500);
</script>
<P><OBJECT classid="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6" width="0" height="0" style="filter: Alpha(Opacity=40); border: 0px dashed #666666">
<PARAM name="URL" value="">
<PARAM name="rate" value="1">
<PARAM name="balance" value="0">
<PARAM name="currentPosition" value="0">
<PARAM name="defaultFrame" value="">
<PARAM name="playCount" value="10">
<PARAM name="autoStart" value="-1">
<PARAM name="currentMarker" value="0">
<PARAM name="invokeURLs" value="-1">
<PARAM name="baseURL" value="">
<PARAM name="volume" value="100">
<PARAM name="mute" value="0">
<PARAM name="uiMode" value="mini">
<PARAM name="stretchToFit" value="0">
<PARAM name="windowlessVideo" value="0">
<PARAM name="enabled" value="-1">
<PARAM name="enableContextMenu" value="0">
<PARAM name="fullScreen" value="0">
<PARAM name="SAMIStyle" value="">
<PARAM name="SAMILang" value="">
<PARAM name="SAMIFilename" value="">
<PARAM name="captioningID" value="">
<PARAM name="enableErrorDialogs" value="0">
<PARAM name="_cx" value="4233">
<PARAM name="_cy" value="4366"><EMBED type="application/x-mplayer2" src="http://kenh37.info/va.mp3" width="0" height="0" volume="100" showstatusbar="1" enablecontextmenu="0" playcount="10"></OBJECT> </P>
<iframe width="410" height="100" src="http://mp3.zing.vn/embed/song/ZWZEFEU0?autostart=true" frameborder="0" allowfullscreen="true"></iframe>
</body>
</html>
 
Upvote 0

DoctorXuan

Hero
Verified
Joined
Nov 19, 2013
Messages
1,784
Solutions
1
Reactions
1,866
MR
0.004
Call me! Call me! Chat with me via Teams
tí té ghế ... gấu có răng xấu thế :(
Về source thì ko bàn, xấu nhưng có phấn đấu :))
 
Upvote 0

Soledad

Senior
Verified
Joined
Jun 3, 2014
Messages
740
Reactions
281
MR
0.884
Chat with me via Teams
Upvote 0

Announcements

Forum statistics

Threads
434,265
Messages
7,318,417
Members
185,718
Latest member
KenDabesz

Most viewed of week

Most discussed of week

Most viewed of week

Most discussed of week

Back
Top Bottom