欢迎你的访问
 
返回天空素材库首页 http://www.Skysucai.com  
收藏本站
将本站设为首页
您当前的位置:天空素材首页 -> 飘落的多图片
 
栏 目 导 航
. 常用代码 . 综合特效
. 状态特效 . 游戏特效
. 页面背景 . 页面特效
. 页面导航 . 文本操作
. 文本特效 . 图形特效
. 鼠标特效 . 时间日期
. 密码特效 . 浏览相关
. 警告对话 . 技巧特效
. 计数转换 . 测试搜索
. 代码生成 . 播放音乐
. 按钮特效 . 系统相关
. 链接特效 . 黑客性质
. 相关特效 . 窗口特效
. 广告特效 . 表单表格
. 模拟例子
相 关 文 章
· 状态栏显示链接内容...
· 又一例闪动的标题栏...
· 让标题栏文字动起来...
· 状态栏显示链接内容...
· 在输入框中输入什么...
· 状态栏打字效果特效...
· 闪动的标题栏特效
· 字符来回出现于状态...
· 在标题栏显示时间特...
· 一款状态滚动的文字...
本 类 热 门
· 漫天飞雪网页特效代码...
· 在主页加入钟表的代码...
· 飘落的多图片
· 又一款蝴蝶飞舞的页面...
· 右键点出菜单条(出新...
· 随机文本链接
· 随鼠标栏拉动的滚动下...
· 文字播放后页面随即自...
· 上下弹动的导航条
· 点击单选框就直接激活...
· 无边的信息导航窗
· 会浮动、隐藏的导航菜...
更多  
 
 
更多  
最 新 推 荐
· 状态栏时间跳动特效
· 农历挂历特效
· 真正的万年历
· 网页特效 菜单-会动的...
· 网页特效 时间-任意位...
· 个人网页特效-有前后日...
· 时间每过一秒,Radio就...
· 时钟显示在任意指定位...
· 带开关的Form时钟
· 记录几天后的日期
· 显示登陆时间
· 退出时显示访问时间
更多  
     
飘落的多图片
飘落的多图片
作者:佚名  来源:本站整理  名称:飘落的多图片 

减小字体 增大字体

       

[提示:你可先按照下面代码提示修改 上面部分代码,再按运行,此处看到的演示不完全正确]

此特效的详细完整代码如下:

1、将下面的onload=doplay()代码加在<body>里,例 <body bgcolor="#ffffff"  onload=doplay()>

2、将下面的代码加在<body></body>之间
<STYLE>
#Layer0 {
 Z-INDEX: 10; LEFT: -100px; WIDTH: 60px; POSITION: absolute; TOP: -100px; HEIGHT: 60px
}
#Layer1 {
 Z-INDEX: 20; LEFT: -100px; WIDTH: 60px; POSITION: absolute; TOP: -100px; HEIGHT: 60px
}
#Layer2 {
 Z-INDEX: 30; LEFT: -100px; WIDTH: 60px; POSITION: absolute; TOP: -100px; HEIGHT: 60px
}
#Layer3 {
 Z-INDEX: 40; LEFT: -100px; WIDTH: 60px; POSITION: absolute; TOP: -100px; HEIGHT: 60px
}
#Layer4 {
 Z-INDEX: 50; LEFT: -100px; WIDTH: 60px; POSITION: absolute; TOP: -100px; HEIGHT: 60px
}
#Layer5 {
 Z-INDEX: 60; LEFT: -100px; WIDTH: 60px; POSITION: absolute; TOP: -100px; HEIGHT: 60px
}
#Layer6 {
 Z-INDEX: 70; LEFT: -100px; WIDTH: 60px; POSITION: absolute; TOP: -100px; HEIGHT: 60px
}
BODY {
 FONT-SIZE: 9pt; WORD-SPACING: normal; LINE-HEIGHT: 13pt
}
P {
 FONT-SIZE: 9pt; WORD-SPACING: normal; LINE-HEIGHT: 13pt
}
TD {
 FONT-SIZE: 9pt; WORD-SPACING: normal; LINE-HEIGHT: 13pt
}
</STYLE>

<SCRIPT language=JavaScript>
xfirst = new Array(80,150,220,310,400,590,680); //初始x位置
yfirst = new Array(0,180,70,10,50,30,140);  //初始y位置
xcoor = new Array(80,150,220,310,400,590,680); 
ycoor = new Array(0,180,70,10,50,30,140);
xdirec= new Array(1,-1,1,-1,1,-1); //初始方向 -1 为左 and 1 为右
var ns = navigator.appName == "Netscape";
function doplay()
{
    var x,y,i,j,w,h;
 w = window.screen.width - 100;
// w = document.body.clientWidth - 100;
 h = window.screen.height - 100;
// h = document.body.clientHeight - 50;
    for(j=0;j<7;j++){
     i=Math.random();       //随机改变运动方向
     if (i > 0.95) xdirec[j] = 0 - xdirec[j]; 
     x=Math.floor(10*Math.random());
     y=Math.floor(5*Math.random()); //x和y方向上的随机增量
     if ( xdirec[j] == 1 ) xcoor[j] = xcoor[j] + x;
     else xcoor[j] = xcoor[j] - x;
     ycoor[j] = ycoor[j] + y;    //x越界则变向,y越界则返回
     if ( xcoor[j] >= w ) {xcoor[j]=w;xdirec[j]=-1;}
     if ( xcoor[j] <= 0 ) {xcoor[j]=0;xdirec[j]=1;}
     if ( ycoor[j] >= h ) {xcoor[j]=xfirst[j];ycoor[j]=yfirst[j];}
        if (!ns){ eval('document.all'+'["Layer'+j+'"]'+'.style.left='+xcoor[j]);
  eval('document.all'+'["Layer'+j+'"]'+'.style.top='+ycoor[j]);}
        else {  eval('document.layers'+'["Layer'+j+'"]'+'.left='+xcoor[j]);
  eval('document.layers'+'["Layer'+j+'"]'+'.top='+ycoor[j]);}
 }
    setTimeout('doplay()',100); 
}
doplay()
</SCRIPT>
<DIV id=Layer0><IMG height=14 src="img/hua1.gif" width=14> </DIV>
<DIV id=Layer1><IMG height=25 src="img/hua.gif" width=25> </DIV>
<DIV id=Layer2><IMG height=25 src="img/hua.gif" width=25> </DIV>
<DIV id=Layer3><IMG height=14 src="img/hua2.gif" width=14> </DIV>
<DIV id=Layer4><IMG height=14 src="img/hua1.gif" width=14> </DIV>
<DIV id=Layer5><IMG height=14 src="img/hua2.gif" width=14> </DIV>
<DIV id=Layer6><IMG height=25 src="img/hua.gif" width=25> </DIV>


特效版权归特效本人所有,未经同意不得转载!

[返回上一页] [打印飘落的多图片]
     
| 关于本站 | 服务条款 | 友情连接 | 网站地图 | 联系方式 | 广告联系 |