Code html tuyết rơi

[CPFounder]

Demo : http://testzone.forumotion.com
Ưu : đơn giản dễ chèn, dễ làm, dễ thay thế.
Khuyết : code dài quá, thay thế thủ công
Đặc biệt : Có thể thay dấu "." (dấu chấm) thành 1 ảnh tuỳ ý với code <img src="link"....

Sau đây là code gốc sưu tầm đc :

Code:

<MARQUEE style="Z-INDEX: 1; LEFT: 127px; WIDTH: 16px; POSITION: absolute; TOP: 150px; HEIGHT: 512px" scrollAmount=1 direction=down><SPAN class=falling1>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 165px; WIDTH: 16px; POSITION: absolute; TOP: 170px; HEIGHT: 382px" scrollAmount=7 direction=down><SPAN class=falling2>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 212px; WIDTH: 16px; POSITION: absolute; TOP: 190px; HEIGHT: 346px" scrollAmount=4 direction=down><SPAN class=falling1>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 263px; WIDTH: 16px; POSITION: absolute; TOP: 180px; HEIGHT: 528px" scrollAmount=3 direction=down><SPAN class=falling2>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 325px; WIDTH: 16px; POSITION: absolute; TOP: 160px; HEIGHT: 450px" scrollAmount=5 direction=down><SPAN class=falling1>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 235px; WIDTH: 16px; POSITION: absolute; TOP: 190px; HEIGHT: 277px" scrollAmount=7 direction=down><SPAN class=falling2>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 140px; WIDTH: 16px; POSITION: absolute; TOP: 150px; HEIGHT: 246px" scrollAmount=7 direction=down><SPAN class=falling1>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 287px; WIDTH: 16px; POSITION: absolute; TOP: 170px; HEIGHT: 274px" scrollAmount=5 direction=down><SPAN class=falling2>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 111px; WIDTH: 16px; POSITION: absolute; TOP: 230px; HEIGHT: 235px" scrollAmount=3 direction=down><SPAN class=falling1>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 358px; WIDTH: 16px; POSITION: absolute; TOP: 190px; HEIGHT: 439px" scrollAmount=3 direction=down><SPAN class=falling2>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 390px; WIDTH: 16px; POSITION: absolute; TOP: 150px; HEIGHT: 527px" scrollAmount=3 direction=down><SPAN class=falling1>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 437px; WIDTH: 16px; POSITION: absolute; TOP: 170px; HEIGHT: 447px" direction=down><SPAN class=falling2>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 477px; WIDTH: 16px; POSITION: absolute; TOP: 200px; HEIGHT: 384px" scrollAmount=7 direction=down><SPAN class=falling1>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 552px; WIDTH: 16px; POSITION: absolute; TOP: 170px; HEIGHT: 494px" direction=down><SPAN class=falling2>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 595px; WIDTH: 16px; POSITION: absolute; TOP: 200px; HEIGHT: 446px" scrollAmount=4 direction=down><SPAN class=falling1>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 535px; WIDTH: 16px; POSITION: absolute; TOP: 170px; HEIGHT: 393px" scrollAmount=4 direction=down><SPAN class=falling2>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 612px; WIDTH: 16px; POSITION: absolute; TOP: 200px; HEIGHT: 336px" scrollAmount=2 direction=down><SPAN class=falling1>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 646px; WIDTH: 16px; POSITION: absolute; TOP: 250px; HEIGHT: 384px" direction=down><SPAN class=falling2>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 694px; WIDTH: 16px; POSITION: absolute; TOP: 290px; HEIGHT: 521px" scrollAmount=4 direction=down><SPAN class=falling1>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 650px; WIDTH: 16px; POSITION: absolute; TOP: 180px; HEIGHT: 201px" direction=down><SPAN class=falling2>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 688px; WIDTH: 16px; POSITION: absolute; TOP: 160px; HEIGHT: 252px" scrollAmount=5 direction=down><SPAN class=falling1>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 725px; WIDTH: 16px; POSITION: absolute; TOP: 200px; HEIGHT: 441px" scrollAmount=3 direction=down><SPAN class=falling2>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 752px; WIDTH: 16px; POSITION: absolute; TOP: 150px; HEIGHT: 528px" scrollAmount=2 direction=down><SPAN class=falling1>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 900px; WIDTH: 16px; POSITION: absolute; TOP: 150px; HEIGHT: 528px" scrollAmount=2 direction=down><SPAN class=falling1>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 798px; WIDTH: 16px; POSITION: absolute; TOP: 180px; HEIGHT: 438px" scrollAmount=3 direction=down><SPAN class=falling2>.</SPAN></MARQUEE><A style="DISPLAY: block" href="http://mypsacehotline.com"></A>

Còn đây là code trong bản demo :

Code:

<MARQUEE style="Z-INDEX: 1; LEFT: 127px; WIDTH: 24px; POSITION: absolute; TOP: 150px; HEIGHT: 512px" scrollAmount=1 direction=down><SPAN class=falling1><img src="http://2img.net/i/fa/fdf3/fille12.png"></SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 165px; WIDTH: 24px; POSITION: absolute; TOP: 170px; HEIGHT: 382px" scrollAmount=7 direction=down><SPAN class=falling2><img src="http://boxstr.com/files/2363733_emmpm/skeleton.png" alt="skeleton.png" /></SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 212px; WIDTH: 24px; POSITION: absolute; TOP: 190px; HEIGHT: 346px" scrollAmount=4 direction=down><SPAN class=falling1><img src="http://boxstr.com/files/2363751_cblyi/tongue.png" alt="tongue.png" /></SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 263px; WIDTH: 24px; POSITION: absolute; TOP: 180px; HEIGHT: 528px" scrollAmount=3 direction=down><SPAN class=falling2>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 325px; WIDTH: 24px; POSITION: absolute; TOP: 160px; HEIGHT: 450px" scrollAmount=5 direction=down><SPAN class=falling1>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 235px; WIDTH: 24px; POSITION: absolute; TOP: 190px; HEIGHT: 277px" scrollAmount=7 direction=down><SPAN class=falling2>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 140px; WIDTH: 24px; POSITION: absolute; TOP: 150px; HEIGHT: 246px" scrollAmount=7 direction=down><SPAN class=falling1><img src="http://boxstr.com/files/2363679_phuac/female-fighter.png" alt="female-fighter.png" /></SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 287px; WIDTH: 24px; POSITION: absolute; TOP: 170px; HEIGHT: 274px" scrollAmount=5 direction=down><SPAN class=falling2><img src="http://boxstr.com/files/2363683_y76ci/ghost.png" alt="ghost.png" /></SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 111px; WIDTH: 24px; POSITION: absolute; TOP: 230px; HEIGHT: 235px" scrollAmount=3 direction=down><SPAN class=falling1><img src="http://boxstr.com/files/2363685_efp85/glasses-cool.png" alt="glasses-cool.png" /></SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 358px; WIDTH: 24px; POSITION: absolute; TOP: 190px; HEIGHT: 439px" scrollAmount=3 direction=down><SPAN class=falling2><img src="http://boxstr.com/files/2363693_x7sbo/in-love.png" alt="in-love.png" /></SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 390px; WIDTH: 24px; POSITION: absolute; TOP: 150px; HEIGHT: 527px" scrollAmount=3 direction=down><SPAN class=falling1><img src="http://boxstr.com/files/2363703_mqqqs/male-fighter1.png" alt="male-fighter1.png" /></SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 437px; WIDTH: 24px; POSITION: absolute; TOP: 170px; HEIGHT: 447px" direction=down><SPAN class=falling2>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 477px; WIDTH: 24px; POSITION: absolute; TOP: 200px; HEIGHT: 384px" scrollAmount=7 direction=down><SPAN class=falling1><img src="http://boxstr.com/files/2363710_rvnza/music.png" alt="music.png" /></SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 552px; WIDTH: 16px; POSITION: absolute; TOP: 170px; HEIGHT: 494px" direction=down><SPAN class=falling2>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 595px; WIDTH: 16px; POSITION: absolute; TOP: 200px; HEIGHT: 446px" scrollAmount=4 direction=down><SPAN class=falling1>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 535px; WIDTH: 24px; POSITION: absolute; TOP: 170px; HEIGHT: 393px" scrollAmount=4 direction=down><SPAN class=falling2><img src="http://boxstr.com/files/2363715_tujbv/pirate.png" alt="pirate.png" /></SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 612px; WIDTH: 16px; POSITION: absolute; TOP: 200px; HEIGHT: 336px" scrollAmount=2 direction=down><SPAN class=falling1>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 646px; WIDTH: 16px; POSITION: absolute; TOP: 250px; HEIGHT: 384px" direction=down><SPAN class=falling2>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 694px; WIDTH: 24px; POSITION: absolute; TOP: 290px; HEIGHT: 521px" scrollAmount=4 direction=down><SPAN class=falling1><img src="http://boxstr.com/files/2363718_6r0sr/pumpkin.png" alt="pumpkin.png" /></SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 650px; WIDTH: 16px; POSITION: absolute; TOP: 180px; HEIGHT: 201px" direction=down><SPAN class=falling2>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 688px; WIDTH: 16px; POSITION: absolute; TOP: 160px; HEIGHT: 252px" scrollAmount=5 direction=down><SPAN class=falling1>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 725px; WIDTH: 16px; POSITION: absolute; TOP: 200px; HEIGHT: 441px" scrollAmount=3 direction=down><SPAN class=falling2>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 752px; WIDTH: 16px; POSITION: absolute; TOP: 150px; HEIGHT: 528px" scrollAmount=2 direction=down><SPAN class=falling1>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 900px; WIDTH: 16px; POSITION: absolute; TOP: 150px; HEIGHT: 528px" scrollAmount=2 direction=down><SPAN class=falling1>.</SPAN></MARQUEE>
<MARQUEE style="Z-INDEX: 1; LEFT: 798px; WIDTH: 16px; POSITION: absolute; TOP: 180px; HEIGHT: 438px" scrollAmount=3 direction=down><SPAN class=falling2>.</SPAN></MARQUEE>

[CPFounder]

quên, chèn vào bất cứ chỗ nào bạn muốn có tuyết rơi.
Cho trang thông báo thì bạn chèn vào khung post thông báo.
Cho tấ tcả các trang thì đang tìm hiểu...do code dài quá.

[wingblue]

copy cái này bỏ vào mục html của 4rum hả bạn

[wingblue]

sao tớ bỏ vào html , xem trước thì có , nhưng khi submit thì lại ko thấy vậy

[CPFounder]

copy cái này bỏ vào mục html của 4rum hả bạn

Có lẽ vậy.

[hetchiunoi]

ah` .. bạn ơi ... lúc xem thử thì nó mở 1 trang khác nên muốn có hiệu ứng thì phải mở trang đó mới co 1chứ zô forum hok có đâu

[dinhchien]

ai giúp chiến thay hình dấu chấm đó bằng bông hoa tuyết đi. cho nó đẹp

[Gấu-ßear]

Size tuyết hơi nhỏ nhỉ ... có thể kéo dài khoảng cách rơi được ko ạ?

[love]

tất cả các trang thì vào overall_header_new chèn sau

Code:

{JAVASCRIPT}

[trunghuy119]

sao co thấy tuyết có màu đen bó tay :

[Kaoru]

Của tớ hiện tuyết chữ X mới hay chứ!

[hunghsmn]

Tuyết nè :
<font size="6" color="#FFFFFF"><b> * </b></font> đó là "tuyết trắng"
muốn to thì size=to,muốn nhỏ thì size=nhỏ . Muốn tuyết đỏ thì color="FF0000", mà làm gí có tuyết đỏ :-D:
Thay cho dấu chấm.
Hay là làm một mớ ảnh mặt cười cho nó bay lung tung cũng vui đấy

[hunghsmn]

Còn đây vốn nó là "tiền rơi" ($) của bạn nào đó chia sẻ trong . Mình đem về sửa thành * rơi, sửa kích thước , thêm màu sắc thành hoa rơi. Hoa rơi Như thế này nè
Bạn nào thích thì chèn vào trên cùng của overall_header_new:

Code:

<script type="text/javascript">
var snowmax=30
var snowcolor=new Array("#AA00AA","#00FF00","#FFFF00","#FFFF99","#FFFF33","#F3F3F3","#F0FFFF","#FF00FF","#FF0000")

var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")

var snowletter="*"
var sinkspeed=0.6
var snowmaxsize=50
var snowminsize=20
var snowingzone=1
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera

function randommaker(range) {     
    rand=Math.floor(range*Math.random())
    return rand
}

function initsnow() {
    if (ie5 || opera) {
        marginbottom = document.body.clientHeight
        marginright = document.body.clientWidth
    }
    else if (ns6) {
        marginbottom = window.innerHeight
        marginright = window.innerWidth
    }
    var snowsizerange=snowmaxsize-snowminsize
    for (i=0;i<=snowmax;i++) {
        crds[i] = 0;                   
        lftrght[i] = Math.random()*15;     
        x_mv[i] = 0.03 + Math.random()/10;
        snow[i]=document.getElementById("s"+i)
        snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
        snow[i].size=randommaker(snowsizerange)+snowminsize
        snow[i].style.fontSize=snow[i].size
        snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
        snow[i].sink=sinkspeed*snow[i].size/5
        if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
        if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
        if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
        if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
        snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
        snow[i].style.left=snow[i].posx
        snow[i].style.top=snow[i].posy
    }
    movesnow()
}

function movesnow() {
    for (i=0;i<=snowmax;i++) {
        crds[i] += x_mv[i];
        snow[i].posy+=snow[i].sink
        snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);
        snow[i].style.top=snow[i].posy
     
        if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
            if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
            if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
            if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
            if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
            snow[i].posy=0
        }
    }
    var timer=setTimeout("movesnow()",50)
}

for (i=0;i<=snowmax;i++) {
    document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
    window.onload=initsnow
}
</SCRIPT>

[chocho]

sao minh` da~ dien` day` du~ cac' thonh tin roi` ma` submit......chj~ cho minh` voi'>...........o~ tren không ghj cu. thE~

[Méo Hắc Hắc]

Không hiểu sao forum mình không ra, gắn chỗ nào cũng thế

[hunghsmn]

Trời, lôi topic từ khi mới thành lập ra.
Bạn làm cái của mình chia sẻ cũng đẹp lắm đấy: Lâu quá nên mình thử lại vẫn tối nè: http://trekhuyettat.sosforum.net/h144-page

[Sponsored content]