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,785
Solutions
1
Reactions
1,866
MR
0.004
Call me! Call me! Chat with me via Skype
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
738
Reactions
280
MR
0.819
Chat with me via Skype
Upvote 0

Announcements

Today's birthdays

Forum statistics

Threads
426,414
Messages
7,176,737
Members
178,855
Latest member
j88hospital

Most viewed of week

Most viewed of week

Back
Top Bottom