SỐ LƯỢT TRUY CẬP

  • truy cập   (chi tiết)
    trong hôm nay
  • lượt xem
    trong hôm nay
  • thành viên
  • sinh nhật

    GIAO LƯU VUI VẺ

    Code hoa bánh bay khắp trang trong tết TẶNG THẦY CÔ

    Nhấn vào đây để tải về
    Hiển thị toàn màn hình
    Báo tài liệu có sai sót
    Nhắn tin cho tác giả
    (Tài liệu chưa được thẩm định)
    Nguồn: chautuan
    Người gửi: Nguyễn Châu Tuấn (trang riêng)
    Ngày gửi: 12h:36' 19-01-2012
    Dung lượng: 30.5 KB
    Số lượt tải: 40
    Số lượt thích: 0 người
    Code làm hoa, lá rơi trong trang.
    Ngày Tết đến rối, để trang trí website thêm phần hấp dẫn, ai cũng muốn có những bông hoa mai, hoa đào bay bay. Tôi xin hướng dẫn các bạn cách chèn code hoa, là rơi vào trong trang một cách dễ dàng.
    Trước tiên chúng ta làm 1 vài bông hoa (hay lá) không nền đẹp phù hợp ý thích bằng PM photoshop sau đó chúng ta tạo ảnh động cho hoa (lá) và lưu lại dạng file .gif. (Trong Photoshop thì Chọn File – Seve for web & device – Save )
    Sau đó chúng ta upload ảnh gif này lên thư viện violet hoặc lên hosting của mình và lấy link ảnh này chèn vào đoạn mã code js dưới đây và Save lại với đuôi .js (ở đây tôi đặt tên là hoadao.js).
    Cuối cùng, upload nó lên hosting của mình. Vậy là hoàn thành phần tạo code.
    Chỉ còn lại việc đưa nó lên website của mình để ngắm thôi.
    Chúc các bạn năm mới trang trí nhà cửa thật đẹp để đón Xuân nhé!
    Code đưa lên website :



    Mã Code file hoadao.js ở dưới đây

    var pictureSrc ="http://d2.violet.vn/uploads/resources/601/hoamaidao.gif "; //the location of the snowflakes
    var pictureWidth = 40; //the width of the snowflakes
    var pictureHeight = 40; //the height of the snowflakes
    var numFlakes = 5; //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(``);
    } else {
    document.write(`
    *
    `);
    }
    }

    //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; }
    Avatar
    Code hoa bánh trái tiền..... rơi trong web đẹp quá em à!Tuyệt Cho chị xin bài này nhé
    Avatar
    Cảm ơn thầy Châu Tuấn đã ghé thăm và tặng quà. MT đã dán vào khối chức năng nhưng sao không thấy hiển thị vậy thầy?
    Avatar
    cô MT về nhà ngay có tin mới đó
    Avatar
    NHân dịp năm mới, xin kính chúc quý thầy cùng gia đình vui khỏe, hạnh phúc và thành đạt trong cuộc sống Nháy&nbsp;mắt!
    Avatar

    Cám ơn thầy Châu Tuấn ghé thăm tặng quà. Nhân dịp năm mới kính chúc Thầy mạnh khỏe, an khang thịnh vượng.

     

    Avatar

    Chúc thầy cùng gia đình một năm mới như ý !

     

    Avatar
    Em xin và đã cho code vào trang của em rùi. Cảm ơn thầy ạ.
    Avatar

    Cố mà làm đẹp cho ngôi nhà chung violet nha ! 

     

    Avatar
    Chào thầy CT, cảm ơn thầy đã tặng tôi cái code, hoa mai rất đẹp, tiện thể qua hởi thầy làm thế nào để chữ ở thanh tiêu đề chạy được ? Happy New Year
    Avatar
    cảm ơn thầy CT thăm và tặng code tết Nhâm Thìn, Chúc thầy và gđ đón tết vui vẻ, chúc năm mới an lành, hạnh phúc.
     
    Gửi ý kiến