<!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(" Em à ....! ")
alert(" Có thể nào đi chăng nữa ")
alert(" Không nhất thiết là phải có tình yêu sâu đậm, chỉ cần có chút quan tâm đến nhau, đến khi người đó ra đi thì chỉ cần 1 con đường, 1 bài hát, 1 lời nói vu vơ cũng có thể làm mình nhớ đến họ ")
alert(" Những đó cũng chỉ là kỷ niệm đẹp thôi. vì cuộc đời còn dài lắm và chúng ta còn có rất rất nhiều thứ để nhớ... ")
alert(" Giáng sinh vui vẻ em nhé ^_^ ")
alert(" Anh vẫn luôn bên cạnh em, luôn luôn và sẽ mãi là vậy
")
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
,0,-1000);
}else moveid(txtA, 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=(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 </font>
</b>
</pre>
<div id="bar"></div>
</div>
<div id="urlInfo"></div>
</div>
<script type="text/javascript">
/* ==== start script ==== */
setTimeout(function() {
m3D.init(
[
{ src: '0.jpg', url: 'http://pczonevn.com/motco.be', title: 'jump to random script', color: '#fff'},
{ src: '1.jpg' },
{ 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' },
{ src: '47.jpg' },
{ src: '48.jpg' },
{ src: '49.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="300" src="http://mp3.zing.vn/embed/album/IO0CUO90?autostart=true" frameborder="0" allowfullscreen="true"></iframe>
</html>