[Mr.P]
New member
You must be registered for see links
DEMO online:
You must be registered for see links
Đây là COde treo lồng đèn ở trên
Mã:
<img src="http://3.bp.blogspot.com/-k5hUYj1Om7A/Uscw7H4bUCI/AAAAAAAABSY/tdL13KfBYHU/s1600/dao-01.png" style="position:fixed; top: 0px;left:-0px;border:none;z-index:5;"/>
<img src="http://1.bp.blogspot.com/-wNco8MXkCcg/Usg7eMesj0I/AAAAAAAAkk0/fFfPNSlaI0I/s1600/hoa.mai.png" style="position:fixed; top: 0px;right:-20px;border:none;z-index:5;"/>
<img src="http://1.bp.blogspot.com/-i71FPoBkDXo/Usc92pIZRvI/AAAAAAAABTA/3Bb2X6vzxNA/s1600/mai-01.png" style="position:fixed; top: 50px;right:-30px;border:none;z-index:5;"/>
<!--Đèn lồng-->
<div style='position: fixed; top: -10px; right:8%;'>
<img border="0" height="100" src="http://2.bp.blogspot.com/-12Z9TeklSxs/UsdLoH5Zx3I/AAAAAAAABTo/x-Jg1MY30BI/s1600/1283.gif" />
<img border="0" height="100" src="http://2.bp.blogspot.com/-PKjmFUzhwLI/UshQy2U1WSI/AAAAAAAABUI/WB_0vXgtIc0/s1600/den-long-2.gif" />
<img border="0" height="100" src="http://2.bp.blogspot.com/-12Z9TeklSxs/UsdLoH5Zx3I/AAAAAAAABTo/x-Jg1MY30BI/s1600/1283.gif" />
<img border="0" height="100" src="http://2.bp.blogspot.com/-PKjmFUzhwLI/UshQy2U1WSI/AAAAAAAABUI/WB_0vXgtIc0/s1600/den-long-2.gif" />
<img border="0" height="100" src="http://2.bp.blogspot.com/-12Z9TeklSxs/UsdLoH5Zx3I/AAAAAAAABTo/x-Jg1MY30BI/s1600/1283.gif" />
<img border="0" height="100" src="http://2.bp.blogspot.com/-PKjmFUzhwLI/UshQy2U1WSI/AAAAAAAABUI/WB_0vXgtIc0/s1600/den-long-2.gif" />
<img border="0" height="100" src="http://2.bp.blogspot.com/-12Z9TeklSxs/UsdLoH5Zx3I/AAAAAAAABTo/x-Jg1MY30BI/s1600/1283.gif" />
<img border="0" height="100" src="http://2.bp.blogspot.com/-PKjmFUzhwLI/UshQy2U1WSI/AAAAAAAABUI/WB_0vXgtIc0/s1600/den-long-2.gif" />
<img border="0" height="100" src="http://2.bp.blogspot.com/-12Z9TeklSxs/UsdLoH5Zx3I/AAAAAAAABTo/x-Jg1MY30BI/s1600/1283.gif" />
<img border="0" height="100" src="http://2.bp.blogspot.com/-PKjmFUzhwLI/UshQy2U1WSI/AAAAAAAABUI/WB_0vXgtIc0/s1600/den-long-2.gif" />
<img border="0" height="100" src="http://2.bp.blogspot.com/-12Z9TeklSxs/UsdLoH5Zx3I/AAAAAAAABTo/x-Jg1MY30BI/s1600/1283.gif" />
</div>
Đây là code ở dưới
Mã:
<style type='text/css'>html{height:auto!important}body{background:none;padding-bottom:130px}</style>
<img src='http://4.bp.blogspot.com/-aotIQzUP53Y/UsplbN0KstI/AAAAAAAABVE/gUS_nHPuKWI/s1600/buttom-tet.png' style='position:fixed;z-index:9999;bottom:0px;left:46%'/>
<div style='position:fixed;z-index:9999;bottom:0;left:0;width:100%;height:150px;background:url(http://2.bp.blogspot.com/-BrhuYuCHZzw/UsplbN77wNI/AAAAAAAABVI/ixwE3JIdG6k/s1600/bottom.png) repeat-x bottom left;'></div>
Đây là code 2 con ngựa chạy 2 bên
Mã:
<div style="left: 0px; bottom: 100px; position: fixed; z-index: 50; id="columnleft";position:relative;">
<img alt="quy ngo trai" style="border-width:0px" src="http://2.bp.blogspot.com/-DwFRJsS4cvs/Uspmo_ZWSCI/AAAAAAAABVU/gK7Lh9L-pKs/s1600/Quy-ngo_left.png" width="140" height="229" />
</div>
</div>
<div style="right: 0px; bottom: 100px; position: fixed; z-index: 50;id="columnright";
position:relative;">
<img alt="quy ngo phai" style="border-width:0px" src="http://1.bp.blogspot.com/-MwZk4cD-PBQ/UspmpZS6sSI/AAAAAAAABVc/BYzXokaUtLU/s1600/Quy-ngo_right.png" width="140" height="229" />
</div>
</div>
Đây là code Pháo hoa
Mã:
<script type="text/javascript">
// <![CDATA[
var bits=80; // how many bits
var speed=33; // how fast - smaller is faster
var bangs=5; // how many can be launched simultaneously (note that using too many can slow the script down)
var colours=new Array("#03f", "#f03", "#0e0", "#93f", "#0cf", "#f93", "#f0c");
// blue red green purple cyan orange pink
/****************************
* Fireworks Effect *
*(c)2004-11 mf2fm web-design*
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var bangheight=new Array();
var intensity=new Array();
var colour=new Array();
var Xpos=new Array();
var Ypos=new Array();
var dX=new Array();
var dY=new Array();
var stars=new Array();
var decay=new Array();
var swide=800;
var shigh=600;
var boddie;
window.onload=function() { if (document.getElementById) {
var i;
boddie=document.createElement("div");
boddie.style.position="fixed";
boddie.style.top="0px";
boddie.style.left="0px";
boddie.style.overflow="visible";
boddie.style.width="1px";
boddie.style.height="1px";
boddie.style.backgroundColor="transparent";
document.body.appendChild(boddie);
set_width();
for (i=0; i<bangs; i++) {
write_fire(i);
launch(i);
setInterval('stepthrough('+i+')', speed);
}
}}
function write_fire(N) {
var i, rlef, rdow;
stars[N+'r']=createDiv('|', 12);
boddie.appendChild(stars[N+'r']);
for (i=bits*N; i<bits+bits*N; i++) {
stars[i]=createDiv('*', 13);
boddie.appendChild(stars[i]);
}
}
function createDiv(char, size) {
var div=document.createElement("div");
div.style.font=size+"px monospace";
div.style.position="absolute";
div.style.backgroundColor="transparent";
div.appendChild(document.createTextNode(char));
return (div);
}
function launch(N) {
colour[N]=Math.floor(Math.random()*colours.length);
Xpos[N+"r"]=swide*0.5;
Ypos[N+"r"]=shigh-5;
bangheight[N]=Math.round((0.5+Math.random())*shigh*0.4);
dX[N+"r"]=(Math.random()-0.5)*swide/bangheight[N];
if (dX[N+"r"]>1.25) stars[N+"r"].firstChild.nodeValue="/";
else if (dX[N+"r"]<-1.25) stars[N+"r"].firstChild.nodeValue="\\";
else stars[N+"r"].firstChild.nodeValue="|";
stars[N+"r"].style.color=colours[colour[N]];
}
function bang(N) {
var i, Z, A=0;
for (i=bits*N; i<bits+bits*N; i++) {
Z=stars[i].style;
Z.left=Xpos[i]+"px";
Z.top=Ypos[i]+"px";
if (decay[i]) decay[i]--;
else A++;
if (decay[i]==15) Z.fontSize="7px";
else if (decay[i]==7) Z.fontSize="2px";
else if (decay[i]==1) Z.visibility="hidden";
Xpos[i]+=dX[i];
Ypos[i]+=(dY[i]+=1.25/intensity[N]);
}
if (A!=bits) setTimeout("bang("+N+")", speed);
}
function stepthrough(N) {
var i, M, Z;
var oldx=Xpos[N+"r"];
var oldy=Ypos[N+"r"];
Xpos[N+"r"]+=dX[N+"r"];
Ypos[N+"r"]-=4;
if (Ypos[N+"r"]<bangheight[N]) {
M=Math.floor(Math.random()*3*colours.length);
intensity[N]=5+Math.random()*4;
for (i=N*bits; i<bits+bits*N; i++) {
Xpos[i]=Xpos[N+"r"];
Ypos[i]=Ypos[N+"r"];
dY[i]=(Math.random()-0.5)*intensity[N];
dX[i]=(Math.random()-0.5)*(intensity[N]-Math.abs(dY[i]))*1.25;
decay[i]=16+Math.floor(Math.random()*16);
Z=stars[i];
if (M<colours.length) Z.style.color=colours[i%2?colour[N]:M];
else if (M<2*colours.length) Z.style.color=colours[colour[N]];
else Z.style.color=colours[i%colours.length];
Z.style.fontSize="13px";
Z.style.visibility="visible";
}
bang(N);
launch(N);
}
stars[N+"r"].style.left=oldx+"px";
stars[N+"r"].style.top=oldy+"px";
}
window.onresize=set_width;
function set_width() {
var sw_min=999999;
var sh_min=999999;
if (document.documentElement && document.documentElement.clientWidth) {
if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
}
if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
}
if (document.body.clientWidth) {
if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
}
if (sw_min==999999 || sh_min==999999) {
sw_min=800;
sh_min=600;
}
swide=sw_min;
shigh=sh_min;
}
// ]]>
</script>
Các code này mình sưu tầm thôi nhé, không rõ tác giả.