BREAKING NEWS
» Sitemap» Gặp nhau cuối năm Táo Quân 2012» Nhạc Xuân» Tổng hợp Hài Xuân» Tết Văn Lang, Cả Làng Nói Phét» Nhạc xuân

Category 5

Category 6

  • Blog phim nhạc

  • Dương Ngọc Thái

  • Quang Lê

  • Long Nhật

  • Đông Đào

  • Tuấn Vũ

  • Category 7

    Thứ Ba, 13 tháng 12, 2011

    Một số đoạn code tuyết rơi

    Đã đến mùa noel rồi đó Minh cung cấp cho các bạn một số đoạn code để trang trí blog mình cho đẹp hơn
     Bạn copy và dán trên thẻ </body> là OK

    Kiểu 1:

     <script src="http://snow-effect.googlecode.com/files/snow.js" type="text/javascript"></script>

    Kiểu 2

    <!-- Start Hiệu ứng hoa, lá, tuyết rơi,... cho blog --><script type='text/javascript'>
    //<![CDATA[
    var snowsrc="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ7854gi0gaHS7YPcXo7AnaDLZfoAAHJKVzVACQncUpLp2OAfFpaKPcVqQEOrrhuWgTiakfEPT2KzZ0_jKZ2p773PhIU9fNFVwkE_U9cEsJ_8wIjo9Y77QuKioDC-BETybGxjmL8jQ3Ng/s1600/tuyetroi.gif" // Thay Link hình của bạn vào đây
    var no = 4; // Số ảnh rơi trên blog
    var hidesnowtime = 16000; // Số giây ảnh biến mất sau khi rơi
    var snowdistance = "windowheight"; // Có thể thay đổi giá trị pageheight thành pageheight
    ///////////Stop Config//////////////////////////////////
    var ie4up = (document.all) ? 1 : 0;
    var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
    function iecompattest(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }
    var dx, xp, yp; // coordinate and position variables
    var am, stx, sty; // amplitude and step variables
    var i, doc_width = 1000, doc_height = 1600;
    if (ns6up) {
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
    } else if (ie4up) {
    doc_width = iecompattest().clientWidth;
    doc_height = iecompattest().clientHeight;
    }
    dx = new Array();
    xp = new Array();
    yp = new Array();
    am = new Array();
    stx = new Array();
    sty = new Array();
    snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
    for (i = 0; i < no; ++ i) {
    dx[i] = 0; // set coordinate variables
    xp[i] = Math.random()*(doc_width-50); // set position variables
    yp[i] = Math.random()*doc_height;
    am[i] = Math.random()*20; // set amplitude variables
    stx[i] = 0.02 + Math.random()/20; // set step variables
    sty[i] = 0.7 + Math.random(); // set step variables
    if (ie4up||ns6up) {
    if (i == 0) {
    document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
    } else {
    document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
    }}}
    function snowIE_NS6() { // IE and NS6 main animation function
    doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
    doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
    for (i = 0; i < no; ++ i) { // iterate for every dot
    yp[i] += sty[i];
    if (yp[i] > doc_height-50) {
    xp[i] = Math.random()*(doc_width-am[i]-30);
    yp[i] = 0;
    stx[i] = 0.02 + Math.random()/20;
    sty[i] = 0.7 + Math.random();
    }
    dx[i] += stx[i];
    document.getElementById("dot"+i).style.top=yp[i]+"px";
    document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px"; }
    snowtimer=setTimeout("snowIE_NS6()", 10);}
    function hidesnow(){
    if (window.snowtimer) clearTimeout(snowtimer)
    for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility= "hidden"}
    if (ie4up||ns6up){
    snowIE_NS6();
    if (hidesnowtime>0)
    setTimeout("hidesnow()", hidesnowtime*1000)}
    //]]>
    </script>
    <!--stop Hiệu ứng tuyết rơi -->
    Chúc bạn thành công


    Đăng nhận xét

     
    Copyright © 2013 Blog's Trần Phúc Minh
    Share on Blogger Template Free Download. Powered byBlogger