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 hoặcđăng kýđể tham gia thảo luận trên diễn đàn




    You are not connected. Please login or register


    Bài viết : [Hướng Dẫn - Code] Pháo Hoa Rơi Khắp Forum


    Bài viết thứ :1
    Đăng vào:on Fri Jan 03, 2014 8:42 pm
    Admin

    Admin

    Admin

    avatar
    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é

    Bài viết thứ :2
    Đăng vào:on Fri Mar 20, 2015 2:13 pm
    Admin

    Admin

    Admin

    avatar
    xemmmmmmmmmmmm



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

    Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

    Permissions in this forum:
    Bạn không có quyền trả lời bài viết

     
    • Free forum | © PunBB | Free forum support | Liên hệ | Report an abuse | www.sosblogs.com