`

膜拜吧,令人惊奇的HTML5和JavaScript效果

阅读更多

10款令人惊奇的HTML5和javascript效果。回到几年前,这些效果是根本不可能实现,只能用flash做,但是现在,已经很轻松的就可以实现了。

1. Breathing Galaxies

javascrip

使用键盘来改变形状中的线条样式,或移动鼠标来创建一个新的形状。

查看:http://mudcu.be/labs/JS1k/BreathingGalaxies.html

2. Noise Field

HTML5

移动鼠标来改变粒子的运动。点击随机产生参数。

查看:http://www.airtightinteractive.com/demos/processing_js/noisefield08.html

3. Keylight

Keylight

根据按键放置的位置不同来产生不同的单调。

查看:http://hakim.se/experiments/html5/keylight/03/

4. Swirling Tentacles

Swirling Tentacles

循环产生彩色不同颜色的三维线。 

查看:http://acko.net/dumpx/996b.html

5. FlowerPower

FlowerPower

来自于大自然另一个灵感——使用贝赛尔曲线做为笔刷绘图工具花朵,使用鼠标点击或拖动均可看到效果。

查看:http://www.openrise.com/lab/FlowerPower/

6. Blob

Blob

一滴可以在屏幕上抛掷的柔软的水泡,它可以在浏览器窗口中弹跳。这个水泡可以分割成许多小水滴(双击),如果他们碰撞小水滴们还会合并成一个大水滴。

查看:http://hakim.se/experiments/html5/blob/03/

7. Rotating Spiral

Rotating Spiral

独立旋转螺旋的效果——简单,但视觉吸引力。点击开始,停止和扭转旋转。

查看:http://homepage.mac.com/chriswjohnson/automatons/rotating-spiral-1.svg

8. Magnetic

Magnetic

磁点是用来控制粒子流。如果有很多粒子围绕磁铁,它会辐射的颜色和大小的增加。鼠标双击操作。

查看:http://hakim.se/experiments/html5/magnetic/02/

9. Trail

HTML 5

五颜六色的粒子跟随鼠标并在鼠标周围旋转,同时生成一个有机的痕迹,然后慢慢地淡出。

查看:http://hakim.se/experiments/html5/trail/03/

分享到:
评论

相关推荐

    动画膜拜程序——在屏幕上生成动画的Orz形膜拜状火柴人

    标题中的“动画膜拜程序——在屏幕上生成动画的Orz形膜拜状火柴人”指的是一款软件应用,它能够在用户的屏幕上展示出一个动态的膜拜效果,具体表现为Orz形状的火柴人在随机位置以不同的颜色和大小进行膜拜动作。...

    前端小白,膜拜各位大佬

    在前端开发领域,HTML、CSS和JavaScript是构建网页和实现动态效果的基础技术。今天我们要探讨的是如何使用这三种技术来创建一个文字闪烁效果,这对于初入前端的小白来说是一个很好的学习实践项目。 首先,让我们从...

    手机静态模板——仿Ocean微官网触屏版html5响应式手机wap网站模板

    该手机静态模板是基于"仿Ocean微官网"设计的,主要特点是使用了HTML5和CSS3技术,构建出一个响应式的触屏版WAP网站模板。这种模板适用于想要在移动设备上提供良好用户体验的各类企业或个人,尤其适合那些希望在手机...

    简单商城网站模板.zip

    HTML部分负责页面的结构和基本样式,CSS文件用于定义视觉样式,而JavaScript则可能涉及交互效果和动态功能。如果包含PHP文件,那么这些文件通常会处理用户提交的数据,如登录验证、商品添加到购物车、订单处理等。 ...

    swift-MotionView模仿膜拜“我的贴纸”页小图片滚动

    本项目"swift-MotionView模仿膜拜“我的贴纸”页小图片滚动"是一个很好的示例,它展示了如何用MotionView库来实现类似膜拜App中的“我的贴纸”页面小图片的滚动效果。这种效果常见于许多应用,用于展示用户收藏的...

    assignment1_show_data_轨迹数据_膜拜单车;数据分析;_show_

    在本项目中,我们将深入探讨膜拜单车的轨迹数据分析,主要关注单车的行驶路程、时间和速度。这是一项基于Python的数据分析任务,通过`assignment1_show_data.py`脚本来实现。这个压缩包文件提供了必要的数据处理和...

    QQ表情至今为止最全的表情包

    QQ表情包作为网络社交中的重要元素,已经成为人们表达情绪、沟通情感的重要工具。"QQ表情至今为止最全的表情包"这个资源集成了多种经典且深受用户喜爱的...通过合理使用,可以有效增强沟通效果,拉近人与人之间的距离。

    PPT模板-五招学会从膜拜到成交.dpt

    PPT模板-五招学会从膜拜到成交.dpt

    基于Objective-C语言开发的仿滴滴、膜拜等软件首页弹窗广告设计源码

    本项目为基于Objective-C语言开发的仿滴滴、膜拜等软件首页弹窗广告设计源码,包含27个文件,其中包括7个PNG图片、6个MATLAB脚本、5个头文件、2个Storyboard文件,以及项目配置、版本控制等辅助文件。该项目旨在实现...

    hitplane:H5的微信打飞机小游戏,微信元素主题。根据一个大佬给出的demo改造成支持手机操作。据说这是某位大佬吃着泡面用了7天7夜做好的。膜拜~

    开发者通过JavaScript实现了游戏逻辑、用户交互以及动画效果,展现了其强大的灵活性和实用性。 二、游戏逻辑与控制 1. 游戏对象:游戏中的飞机、子弹、敌人等元素都是JavaScript对象,通过创建、更新和销毁这些...

    PHPCMS后台模板 美化PHPCMS后台

    JavaScript文件则影响后台的交互行为和动态效果。 在实际应用中,用户或开发者需要将这个压缩包解压,并将内容覆盖到PHPCMS的相应目录下。在覆盖之前,最好备份原有的文件,以防万一出现问题可以及时恢复。同时,...

    openwrt知识总结 (luc2)

    JavaScript 中需要提供 execute 方法的实现,该方法将在膜拜加载后被执行。 开发帮助 Luci2 提供了丰富的开发帮助,包括菜单、模板、视图等。开发者可以根据需要选择合适的开发方式来实现自己的 Luci2 子页面。 ...

    膜拜并咨询一下这个算法出了啥问题了,为啥覆盖面积没有,是缺程序还是错了

    5. **_灰狼优化算法研究综述.pdf** - 另一份关于GWO的资料,提供了更全面的理论背景和应用实例,可以帮助理解算法的工作原理。 综合这些信息,我们推测提问者可能是在尝试用GWO算法解决一个与覆盖面积计算相关的...

    国际程序大赛作品欣赏

    本压缩包文件名为“国际程序设计大赛的作品欣赏”,内含参赛者们精心创作的作品,尽管文件大小仅有几KB,但却能创造出令人惊叹的视觉效果,这充分体现了编程艺术与高效编码的完美结合。 首先,我们要理解“几kb的...

    阿里巴巴开发手册,新手可膜拜,老手可学习。

    前段时间阿里巴巴搞出来的Android开发规范手册,新手可以膜拜一下,老手就看看就行。

    jquery实现仿新浪微博评论滚动效果

    这里使用jquery实现评论滚动效果,仿新浪微博大厅文字滚动效果,以前有不少人膜拜的效果,现在被模仿的到处都是啦,呵呵,今天这个仍是模仿的,评论和头像一起向下滚动,最新的一条带渐变淡入淡出,无缝循环向下滚动...

    天津市静海县第一中学2020学年高二语文5月月考试题.doc

    - D选项 "不容令人乐观" 重复,应删去 "令人"。 4. 文学常识: - A选项正确,"知者乐水,仁者乐山" 出自《论语》,"六艺" 包括《诗》《书》《礼》《易》《春秋》和《乐》。 - B选项错误,弗罗洛是《巴黎圣母院》...

    导出web页面中的table

    本文将详细介绍如何使用JavaScript来实现Web页面中表格的导出功能,特别是保留其样式和结构。 #### 知识点一:JavaScript操作DOM元素 在上述代码中,我们首先看到的是JavaScript函数`saveCode(obj)`,它用于导出...

    刘三姐景观园导游词.doc

    鲸鱼岛上则可以观赏到精彩的民俗表演和令人叹为观止的彩色水幕喷泉,为游客带来了一场视觉和听觉的双重盛宴。 无论是白天还是夜晚,刘三姐景观园都为游客准备了不同的体验。白天时,游客可以欣赏到“孔雀东南飞”的...

Global site tag (gtag.js) - Google Analytics