社区
JavaScript
帖子详情
求一个js图片下落的效果实现
mktmall
2012-06-06 10:46:15
打开网易lofter http://www.lofter.com/ 点击lofter精选
看到很多图片掉下来的效果,很喜欢这样的效果,不知道如何实现,那位知道的麻烦告诉一下,3Q
...全文
485
2
打赏
收藏
求一个js图片下落的效果实现
打开网易lofter http://www.lofter.com/ 点击lofter精选 看到很多图片掉下来的效果,很喜欢这样的效果,不知道如何实现,那位知道的麻烦告诉一下,3Q
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
2 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
yxhshuaiman
2012-06-06
打赏
举报
回复
看下这个咯
你想要的效果
http://yeshcp.sinaapp.com/demo/waterfall/
http://kb.cnblogs.com/a/2480702/
001007009
2012-06-06
打赏
举报
回复
楼主搜下 瀑布流
HTML+
JS
实现
“代码雨”
效果
源码(黑客帝国文字
下落
效果
)
主要介绍了HTML+
JS
实现
“代码雨”
效果
源码类似黑客帝国文字
下落
效果
,需要的朋友可以参考下
jQuery jGravity插件模拟重力物体
下落
后散开
效果
效果
描述: 国外网站上找到的一款重力
下落
效果
图 比较逼真 点击后整体
下落
,并折断成好几节,以此来模拟重力滑落
效果
使用方法: 1、将head中的css样式引入到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可 (
js
、
图片
采用绝对路径,不建议修改)
使用javascript
实现
雪花飘落的
效果
看了javascript网页特效实例大全中的
图片
飘下的
效果
实例,觉得值得动手学习下。 就把
图片
改成雪花图,完成
一个
雪花飘下的
效果
。 并且,其中有些内容比较陈旧了,那么就学者改掉吧。 包括: 1.对left和top的操作仅支持IE浏览器,这咋行,必须得支持chrome。 2.控制
图片
下落
的过程还要去检索element,不好吧,那就改成数组维持,直接操作数组中维持的对象,启不更快。 3.向文档中添加元素直接改成通过
JS
代码创建元素对象的方式。
实现
思路: 1.初始化生成10个div,全都采用绝对定位,每个div中放
一个
雪花
图片
,设置好宽高,并保存在数组中,便于后面下雪的函数直接操作。 2.初始化每
通过画布来
实现
简单的雪花
效果
1、背景
图片
2、div叠层
实现
雪花
效果
3、通过雪花大小随机、初始随机位置以及
下落
速度随机来
实现
下落
效果
程序天下:JavaScript实例自学手册
第1章 页面特效 1.1 HTML页面反向显示 1.2 页面自动最大化 1.3 页面自动刷新 1.4 页面的后退、刷新、前进 1.5保护网页源代码 1.6 保护自己的网页不被放入框架 1.7 保护自己的网页不被放入框架 1.8 打印页面的出错原因 1.9 当前网页调用其他网页 1.10 倒计时载入页面 1.11 定义网页的关键字 1.12 进入页面同时弹出欢迎对话框 1.13 禁止网页另存 1.14 禁止页面加入缓存 1.15 离开页面时弹出对话框 1.16 判断页面是否添加了W3C声明 1.17 屏蔽网页中的脚本 1.18 以频道模式打开页面 1.19 自动识别网页类型 1.20 在网页中动态添加Script脚本 1.21 用JavaScript随机修改页面的标题 1.22 判断网页加载完毕 1.23 嵌入网页的播放器 1.24 设置指定网页为主页 1.25 使用JavaScript传递页面参数 1.26 页面被冻结 第 2章 按钮特效 2.1 页面刷新按钮 2.2 按回车调用登录按钮 2.3 动态创建按钮 2.3 平面按钮 2.4 按钮的嵌入
效果
2.5 按钮改变状态栏信息 2.6 定义按钮的热键 2.7 取得控件的绝对位置 2.8 删除时的确认提 示 2.9 按钮只能单击一次 2.10 防止按钮连击 2.11
图片
式按钮 2.12 文字显示在按钮底部 2.13 选择不同的列表项就显示不同的按钮 2.14 使用按钮控制文本渐变 2.15 翻页
效果
的公告栏 2.16 动态设置控件的事件 第3章 字符串文本和输入框特效 3.1 只带下划线的输入框 3.2 限定文本框可输入字符数 3.3 文字过长的省略号 3.4 输出26个英文字母 3.5 首字母变为大写 3.6 textarea自适应文字行数 3.7 禁止文本框的拷贝和粘贴 3.8 控制两个文本框只输其一 3.9 判断编辑器中是否包含特殊字符 3.10 判断文本中回车的数量 3.11 判断字符串中有多少汉字 3.12 去除字符串的前后空格 3.13 刷新时清空所有文本框 3.14 随意改变大小的文本框 3.15 文本框的自动全选 3.16 文本框滚动导航 3.17 按钮获取焦点 3.18 文本框获取焦点弹出下拉框 3.19 文本框简单的单击
效果
3.20 文字的打字
效果
3.21 文字滚动 3.22 文字滑动 3.23 文字跳动特效 3.24 荧光
效果
的文本 3.25 文字逐个闪亮-霓虹灯
效果
3.26 旋转式的变色文字特效 3.27 黑客帝国中的字符
下落
效果
3.28 获取表单中文本框的个数 3.29 光标停在文字最后 3.30 分行取textarea中的值 3.31 自动插入文本 3.32 选取textarea的指定行 3.33 文本放大镜 3.34 文本框的默认输入法 3.35 文本框显示网页中选中的内容 3.36 文字的垂直滚动 3.37 文字幻灯片 3.38 随机动态文字
效果
3.39
实现
textarea的自动滚动 3.40 使用marquee
实现
文字上下滚动 3.41 类似安装
效果
的textarea滚动 3.42 始终显示在最顶端的文本 3.43 JavaScript过滤SQL注入字符 3.44 textarea内
实现
行的翻页
效果
3.45 textarea中的文本插入 3.46 查找两段文本中相同的词句 3.47 自动保存网页输出的文本 3.48 文本编辑器 第4章 鼠标特效 4.1 禁用鼠标右键 4.2 使鼠标滚轮失效 4.3 状态栏显示鼠标位置 4.4 点击鼠标右键到指定页 4.5 鼠标放到
图片
上会显示另外一张
图片
4.6 鼠标形状定义大全 4.7 鼠标移入移出时颜色变化 4.8 跟随鼠标的文字 4.9 跟随鼠标的彩色文字 4.10 跟随鼠标的魔法文字 4.11 跟随鼠标的星星 4.12 跟随鼠标的旋转背景 4.13
图片
跟随鼠标 4.14 围绕鼠标的文本 4.15 鼠标旁边的提示信息 4.16 鼠标移到下拉框时自动全部打开 4.17 checkbox鼠标移入移出的特效 第5章 层和框架的特效 5.1 div层提示
效果
5.2 层自动滚动到最底端 5.3 div的自动滚动 5.4 div的折迭
效果
5.5 圆角div 5.6 动态添加iframe框架 5.7 用层
实现
长文章分页 5.8 iframe自适应高度 5.9 类似MSN的消息提示 5.10 只打印iframe的内容 第6章 下拉列表特效 6.1 下拉框
实现
多选 6.2
实现
两个select的同步 6.3 被选中的列表项下次不能再选 6.4 不带滚动条的select 6.5 从
一个
下拉列表往另
一个
下拉列表添加内容 6.6 改变列表项的上下顺序
JavaScript
87,909
社区成员
224,616
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章