可爱的泡泡

[晴 May 11, 2008 16:42 | by baobao ]
| |
可爱的泡泡效果HTML特效
个人蛮喜欢的
转载自网络
演示地址失效咯
有时间自己做个演示哈
希望大家喜欢哦

<script>
<!-- Begin
var no = 12;
snow = new Array();
snow[0] = new Array("pp/bubble1.gif",0);
snow[1] = new Array("pp/bubble6.gif",0);
snow[2] = new Array("pp/bubble3.gif",0);
snow[3] = new Array("pp/bubble4.gif",1);
snow[4] = new Array("pp/bubble5.gif",1);
var imgSize = 40;

// _dom : 0=other, 1=Mozilla, 2=NN4, 3=IE4/5
var _dom=(document.all?3:(document.getElementById?1:(document.layers?2:0)));
var dx, xp, yp;
var am, stx, sty;
var i;


function getDocumentSize() {
    if(_dom == 1 || _dom == 2) {
        doc_width = self.innerWidth;
        doc_height = self.innerHeight;
    }
    if (_dom == 3) {
        doc_width = document.body.clientWidth;
        doc_height = document.body.clientHeight;
    }
}

getDocumentSize();

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
muki = new Array();
j = 0;

for (i = 0; i < no; ++ i) {
    dx = 0;
    xp = Math.random()*(doc_width-imgSize);
    yp = Math.random()*doc_height;
    am = Math.random()*20;
    stx = 0.02 + Math.random()/10;
    sty = 0.7 + Math.random();
    muki = snow[j][1];
    if (_dom==2) {
        document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\"" + snow[j][0] + "\" border=\"0\"></layer>");
    } else if (_dom==1 || _dom==3) {
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + snow[j][0] + "\" border=\"0\"></div>");
    }
    if (j == (snow.length-1)) { j = 0; } else { j += 1; }
}

function snowLoop() {
    for (i = 0; i < no; ++ i) {
        if (muki) {
            yp -= sty;
            if (yp < -imgSize) {
                getDocumentSize();
                xp = Math.random()*(doc_width-am-imgSize);
                yp = doc_height - 50;
                stx = 0.02 + Math.random()/10;
                sty = 0.7 + Math.random();
            }
        } else {
            yp += sty;
            if (yp > doc_height-imgSize) {
                getDocumentSize();
                xp = Math.random()*(doc_width-am-imgSize);
                yp = 0;
                stx = 0.02 + Math.random()/10;
                sty = 0.7 + Math.random();
            }
        }
        dx += stx;
        snowMove("dot"+i,yp,xp + am*Math.sin(dx));
    }
    setTimeout("snowLoop()", 10);
}

function snowMove(lay,t,l) {
    if (_dom == 1) {
        document.getElementById(lay).style.top  = t;
        document.getElementById(lay).style.left = l;
    }
    if (_dom == 2) {
        document.layers[lay].top = t;
        document.layers[lay].left = l;
    }
    if (_dom == 3) {
        document.all[lay].style.pixelTop = t;
        document.all[lay].style.pixelLeft = l;
    }
}

if (_dom) {
    snowLoop();
}

// End -->
</script>



∷∷最新日志∷∷ ∷∷随便看看∷∷ ∷∷热门关注∷∷
Win7取消 每次打...
PS排字教程 偷走了...
上海国际嘉年华简单攻...
【转】我来给你们分析...
简单步骤实现PS+D...
招募女生博客横幅广告...
PS古风成签教程&#...
中国高中排名TOP5...
Flashfxp&#...
Photoshop调...
|落 花 ...
20~30岁,我拿十...
【繁华落尽 如梦无痕...
加拿大留学or移民你...
子小超 淘宝卖家 这...
【转】我来给你们分析...
1王9帅12宫 2
◆日历◆yummi邮...
妍熙.妍情淡紫成签
完美的童話 插画
pkunmun mp...
100只萌猫放到IK...
超级有爱的书签做法
yummi黑板公告栏
免费做专属你BLOG...
聪明的女孩逛街时,一...
美国十大令人发疯的地...
芝士蛋糕
巧手制作可爱的韩国收...
可爱的像素小物
色女专递|...
Photoshop调...
加拿大留学or移民你...
|落 花 ...
蝴蝶结制作教程...
20~30岁,我拿十...
【繁华落尽 如梦无痕...
百余张19*19韩国...
英语即兴演讲技巧&#...
Illustrato...
中国高中排名TOP5...
Flashfxp&#...
PS古风成签教程&#...
色女专递|...
简单步骤实现PS+D...
Creative Commons License
Creative Commons License
本作品适用 署名-非商业性-禁止演绎 作品 CC 2.5 中国 并依循所适用的授权条款.
微笑布偶 - 当您转载时请保留作者信息 本站原创作品转载请留言同意后再转 谢谢
特效代码 | 评论(0) | 引用(0) | 阅读(942) ·°∴ ☆..·°.·°∴ ☆..·°Let‘s smile~Today is another nice day!.·°∴ ☆..·°.·°∴ ☆



谢谢各位对偶的支持 有时间要在下面留言哦~↓