Diễn Đàn Phan Ri Club Online

Chào Mừng Bạn Đến Với PhanRiClub Diễn Đàn Giao Lưu Kết Nối Bạn Bè ! Hãy Đăng Kí Thành Viên Để Chia Sẽ Nhưng Thủ Thuật Mà Bạn Biết & Còn Nếu Là Thành Viên Hãy Đăng Nhập Chia Sẽ Bài Viết Các Bạn Nhé ! Diễn Đàn Mới Thành Lập Còn Nhiều Thiếu Sót Rất Mong Sự Đóng Góp Nhiệt Tình Cửa Các Bạn ! Xin Cảm Ơn Các Bạn Nhiều

Đăng Nhập

Vui lòng khai báo chính xác tên truy cập và mật khẩu!

Quên mật khẩu?

Đăng Ký

Bạn phải điền đầy đủ thông tin đăng ký!

  

[Hướng Dẫn - Code] Pháo Hoa Rơi Khắp Forum

Share
    Admin
    avatar

    Giới Tính : Nam

    Xu : 25

    Điểm Cảm Ơn : 114

    Tham Gia : 18/10/2013

    Birthday : 11/03/1992


    #1

     on Fri Jan 03, 2014 8:42 pm

    Demo:



    Cách Làm:

    Bạn Vào Display >> Generalities >> Homepage message

    Message title : Đặt theo ý mình hoặc đễ trống cũng được.

    Message content : Chèn Code phía dưới vào


    Code:
    <script>
    var pictureSrc ="http://i38.servimg.com/u/f38/17/58/52/86/i_icon10.gif"; //the location of the snowflakes
    var pictureWidth = 30; //the width of the snowflakes
    var pictureHeight = 30; //the height of the snowflakes
    var numFlakes = 10; //the number of snowflakes
    var downSpeed = 0.01; //the falling speed of snowflakes (portion of screen per 100 ms)
    var lrFlakes = 10; //the speed that the snowflakes should swing from side to side


    if( typeof( numFlakes ) != 'number' || Math.round( numFlakes ) != numFlakes || numFlakes < 1 ) { numFlakes = 10; }

    //draw the snowflakes
    for( var x = 0; x < numFlakes; x++ ) {
    if( document.layers ) { //releave NS4 bug
    document.write('<layer id="snFlkDiv'+x+'"><imgsrc="'+pictureSrc+'" height="'+pictureHeight+'"width="'+pictureWidth+'" alt="*" border="0"></layer>');
    } else {
    document.write('<div style="position:absolute;"id="snFlkDiv'+x+'"><img src="'+pictureSrc+'"height="'+pictureHeight+'" width="'+pictureWidth+'" alt="*"border="0"></div>');
    }
    }

    //calculate initial positions (in portions of browser window size)
    var xcoords = new Array(), ycoords = new Array(), snFlkTemp;
    for( var x = 0; x < numFlakes; x++ ) {
    xcoords[x] = ( x + 1 ) / ( numFlakes + 1 );
    do { snFlkTemp = Math.round( ( numFlakes - 1 ) * Math.random() );
    } while( typeof( ycoords[snFlkTemp] ) == 'number' );
    ycoords[snFlkTemp] = x / numFlakes;
    }

    //now animate
    function flakeFall() {
    if( !getRefToDivNest('snFlkDiv0') ) { return; }
    var scrWidth = 0, scrHeight = 0, scrollHeight = 0, scrollWidth = 0;
    //find screen settings for all variations. doing this every time allows for resizing and scrolling
    if( typeof( window.innerWidth ) == 'number' ) { scrWidth = window.innerWidth; scrHeight = window.innerHeight; } else {
    if( document.documentElement && (document.documentElement.clientWidth ||document.documentElement.clientHeight ) ) {
    scrWidth = document.documentElement.clientWidth; scrHeight = document.documentElement.clientHeight; } else {
    if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    scrWidth = document.body.clientWidth; scrHeight = document.body.clientHeight; } } }
    if( typeof( window.pageYOffset ) == 'number' ) { scrollHeight = pageYOffset; scrollWidth = pageXOffset; } else {
    if( document.body && ( document.body.scrollLeft ||document.body.scrollTop ) ) { scrollHeight = document.body.scrollTop;scrollWidth = document.body.scrollLeft; } else {
    if(document.documentElement && (document.documentElement.scrollLeft ||document.documentElement.scrollTop ) ) { scrollHeight =document.documentElement.scrollTop; scrollWidth =document.documentElement.scrollLeft; } }
    }
    //move the snowflakes to their new position
    for( var x = 0; x < numFlakes; x++ ) {
    if( ycoords[x] * scrHeight > scrHeight - pictureHeight ) { ycoords[x] = 0; }
    var divRef = getRefToDivNest('snFlkDiv'+x); if( !divRef ) { return; }
    if( divRef.style ) { divRef = divRef.style; } var oPix = document.childNodes ? 'px' : 0;
    divRef.top = ( Math.round( ycoords[x] * scrHeight ) + scrollHeight ) + oPix;
    divRef.left = ( Math.round( ( ( xcoords[x] * scrWidth ) - (pictureWidth / 2 ) ) + ( ( scrWidth / ( ( numFlakes + 1 ) * 4 ) ) * (Math.sin( lrFlakes * ycoords[x] ) - Math.sin( 3 * lrFlakes * ycoords[x]) ) ) ) + scrollWidth ) + oPix;
    ycoords[x] += downSpeed;
    }
    }

    //DHTML handlers
    function getRefToDivNest(divName) {
    if( document.layers ) { return document.layers[divName]; } //NS4
    if( document[divName] ) { return document[divName]; } //NS4 also
    if( document.getElementById ) { return document.getElementById(divName); } //DOM (IE5+, NS6+, Mozilla0.9+, Opera)
    if( document.all ) { return document.all[divName]; } //Proprietary DOM - IE4
    return false;
    }

    window.setInterval('flakeFall();',100);</script>


    Được sửa bởi Admin ngày Wed Dec 21, 2016 2:34 pm; sửa lần 1.



    Hãy Cùng Mình Xây Dựng Diễn Đàn PhanRiClub Các Bạn Nhé
    Admin
    avatar

    Giới Tính : Nam

    Xu : 25

    Điểm Cảm Ơn : 114

    Tham Gia : 18/10/2013

    Birthday : 11/03/1992


    #2

     on Fri Mar 20, 2015 2:13 pm

    xemmmmmmmmmmmm



    Hãy Cùng Mình Xây Dựng Diễn Đàn PhanRiClub Các Bạn Nhé