怎麼讓網頁有飄東西的感覺…

 就是,我想讓網頁有飄櫻花的感覺…

 我有圖檔,但是就是不知道要怎麼弄那個效果

 我是用Microsoft FrontPage做網頁

 還是說要用PhotoImpact 8才能做出效果?

 可不可以請大大指導一下^_^

1 Answer

Rating
  • Anonymous
    2 decades ago
    Favorite Answer

    <script language="JavaScript">var no = 10; // snow number

    var speed = 20; // smaller number moves the snow faster

    var snowflake = "圖片檔";

    var ns4up = (document.layers) ? 1 : 0; // browser sniffer

    var ie4up = (document.all) ? 1 : 0;

    var dx, xp, yp; // coordinate and position variables

    var am, stx, sty; // amplitude and step variables

    var i, doc_width = 1024, doc_height = 764;

    if (ns4up) {

    doc_width = self.innerWidth;

    doc_height = self.innerHeight;

    } else if (ie4up) {

    doc_width = document.body.clientWidth;

    doc_height = document.body.clientHeight;

    }

    dx = new Array();

    xp = new Array();

    yp = new Array();

    am = new Array();

    stx = new Array();

    sty = new Array();

    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()/10; // set step variables

    sty[i] = 0.7 + Math.random(); // set step variables

    if (ns4up) { // set layers

    if (i == 0) {

    document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");

    document.write("top=\"15\" visibility=\"show\"><img src=\"");

    document.write(snowflake + "\" border=\"0\"></layer>");

    } else {

    document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");

    document.write("top=\"15\" visibility=\"show\"><img src=\"");

    document.write(snowflake + "\" border=\"0\"></layer>");

    }

    } else if (ie4up) {

    if (i == 0) {

    document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");

    document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");

    document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");

    document.write(snowflake + "\" border=\"0\"></div>");

    } else {

    document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");

    document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");

    document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");

    document.write(snowflake + "\" border=\"0\"></div>");

    }

    }

    }

    function snowNS() { // Netscape main animation function

    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()/10;

    sty[i] = 0.7 + Math.random();

    doc_width = self.innerWidth;

    doc_height = self.innerHeight;

    }

    dx[i] += stx[i];

    document.layers["dot"+i].top = yp[i];

    document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);

    }

    setTimeout("snowNS()", speed);

    }

    function snowIE() { // IE main animation function

    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()/10;

    sty[i] = 0.7 + Math.random();

    doc_width = document.body.clientWidth;

    doc_height = document.body.clientHeight;

    }

    dx[i] += stx[i];

    document.all["dot"+i].style.pixelTop = yp[i];

    document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);

    }

    setTimeout("snowIE()", speed);

    }

    if (ns4up) {

    snowNS();

    } else if (ie4up) {

    snowIE();

    }

    </script>

    說明:可更改的部份:(都在 HTML 更改)

    1. var no = 10; // snow number → 花的數目。

    var speed = 20; // smaller number moves the snow faster → 飄下的速度,數目越大越慢。

Still have questions? Get your answers by asking now.