16个超牛逼的HTML5和JavaScript特效
不用说， Flash的效果大家都清楚。实际上，HTML5和JavaScript拥有很多新属性，可以用它们来替代Flash。W3Cschool精选16个超牛逼的HTML5和JavaScript特效，看了这些特效，未来的Web发展前途无量。
1.特效：FlowerPower
创作者使用花朵作为画刷，以贝兹曲线方式绘图。
2.特效：Breathing Galaxies
动态变换直径及颜色，可通过鼠标或键盘产生新形状，这个效果不错!
3.特效：Noise Field
移动鼠标可改变粒子运动，点击可随机生成不同粒子效果。
4.特效：HTML5 Canvas粒子效果文字动画特效
W3Cschool利用HTML5，制造出了粒子效果文字动画特效。只要你输入框中输入想要展示的文字，回车后即可在canvas上绘制出粒子效果的文字动画，相当酷的动画效果。
5.特效：Swirling Tentacles
三维脉冲效果，沿着脉冲线有运动的颜色渐变模块。
6.特效：Keylight
双击生成两个以后的键即可发出声音，移动键的位置可产生不同的声音效果。W3Cschool上面有很多这样的教程，有兴趣可以去看一下！
7.特效：Rotating Spiral
旋转的螺旋效果，单击可以控制开始和停止旋转，是不是觉得高大上？
8.Blob
拖动水滴有重力效果，双击可以分离，小水滴碰到大水滴会合并。
9.Trail
彩色颗粒跟随鼠标运动效果，带尾巴淡出效果。
10.Graph Layout
一种交互的力向图布局效果，刷新三观。
11.Typographic Effects
使用HTML5 Canvas实现的文本特性，效果超过Flash。
12.Crazy Tentacles
移动鼠标可以进行涂鸦，点击鼠标可以清除画布，看着确实疯狂。
13.Nebula
吸引眼球的粒子系统，目的是测试WebGL性能，如果滑动鼠标，可以产生绚丽效果。
14.WebGL Globe
WebGL Globe 是一个开放的地理数据可视化平台，我们鼓励你复制代码，添加自己的数据，创建自己的应用。
15.Particle Playground
用鼠标和粒子进行交互，能发现不一样的精彩。
16.Surface
使用WebGL实现的水面特效实验，可放入一张照片，使用鼠标触动水面会有奇特效果。
上面的HTML5和JavaScript特效，简直赶超Flash。W3Cschool上面有很多用户留言称HTML5和JavaScriptit将替代Flash，不过对于这种说法，也不知道怎么去评判。毕竟这些用户说的也是很有道理，你认为JavaScriptit会替代Flash吗?很想知道你的答案!
公众号：w3c技术教程
提供专业的web技术教程、手册、工具。
这个1500个+Javascript特效代码，瞬间提升你的开发效率
在网页制作中，总是需要用到各种JavaScript特效，有页面特效，时间日期特效、Cookie脚本特效、按钮特效等，不胜枚举，而现在很多人为了提升工作效率，总是会收集一些代码特效素材，在需要的时候，可以快速进行应用。
还有的就是想写，但是写不来，怎么办？项目又紧张，马上就需要。
那这时候，你平时收集整理的一些代码特效，就开始起作用了，看看别人是怎么实现的，你也可以按照别人已经实现的逻辑写一个适合自己项目的特效影响。
因此，我搜集多例针对的各个应用方向的JavaScript网页经典特效代码，供初学者参考练习。
我自己是一名从事了多年开发的web前端老程序员，目前辞职在做自己的web前端私人定制课程，今年年初我花了一个月整理了一份最适合2019年学习的web前端学习干货，各种框架都有整理，送给每一位前端小伙伴，想要获取的可以关注我的头条号并在后台私信我：前端，即可免费获取。
先给大家推荐一本书《JavaScript网页特效经典300例》，这本书分为3篇26章，一共收集了300个典型实例，不仅涉及的基础语法、开发技巧、对象支持等基础知识，还涵盖了各类常见的网页开发特效，包括图层、表单控件、表格、层等各类网页元素的特效应用，以及的HTML5、CSS3技术。
最后，《JavaScript网页特效经典300例》还用实例演示了流行框架的应用，如Prototype、Dojo、YUI、jQuery等。
本书的实例非常具有代表性，能直接应用于真实的开发实践中。
可作为自学语言和大、中专院校师生提高编程实践能力的指导教材，也可作为在职开发人员的参考用书。
1、JavaScript网页设计300例（chm版）
2、100多个JavaScript犀利效果打包
3、1500个JS网页特效打包 （chm版）
这是一个非常经典的CHM教程，共收集了1500个JS网页特效，由于制作成CHM版本，因此有些图片可能无法显示，请自动修改图片路径吧，对于学习js的朋友来说是非常有帮助的。
4、最新炫目JavaScript动态网页特效实战精讲 (孙军) pdf扫描版
讲述javascript的所有知识以及详细的应用效果，展现这门技术给网站建设带来的丰富的体验。本书通俗易懂，按照循序渐进的方法详细介绍javascript的基本概念、html基本知识、javascript的基本语法及其内置对象和浏览器对象。
全书通过动态网页特效的200多个经典案例应用，展现javascript在网页应用中的独特魅力。书中每章都有关于本章的经典提示，每个经典提示都是作者多年工作经验的总结。
书中对每个知识点都配备相应的实例，每个案例中都有学习的难点提示、代码解释和最终的案例效果，使读者全面理解javascript和体验其应用效果。
本资料来源于网络，如果大家对其有浓厚兴趣，请到正规渠道购买正版书籍，支持原作者的创作和付出。
最后，我把今天文中涉及到的学习资源分享给各位，请大家根据自己需要自行下载获取，进行学习。
本文资源打包下载地址：
https://tc5.us/file/21793581-407676414
原文链接：https://mp.weixin.qq.com/s/Pv7YESg2OrzzZwJM4XaNfg作者：web前端开发
相关问答
梦幻西游 网页 版满屏火 特效 怎么来的?1.梦幻西游网页版满屏火特效是通过程序代码实现的。2.网页特效通常是使用HTML、CSS和JavaScript等前端技术来实现的。在梦幻西游网页版中,火特效可能是通过C...
网站代码 特效[回答]如何在网页中加入单个或几个空格?◆在源代码中输入,每个之间请用空格分开。◆在Dreamweaver中用++插入空格或任输几个字符,然后将其色彩设成...
html+css+ js 实现星空 特效 怎么做?js实现星空效果本次主要是来实现上面的星空效果:在黑色的背景下面,有大小不一的星星在闪烁,当鼠标悬浮时,星星放大并旋转。首先,我们需要一个大的夜空容器和...
在一个页面使用多个java script 特效[最佳回答]这类情况大多数属于命名冲突,解决办法便是改其中的一个的代码,使其不冲突,这改法要视代码而写,不能根概述这类情况大多数属于命名冲突,解决办法便...
HTML5如何制作 特效 导航栏? - Katie ?梨子 的回答 - 懂得去w3cschool有现成的鼠标移上去时,改变li元素的大小、背景色、文字颜色等代码如下:ul{margin:0;padding:0;}ulli{list-style:none;width:130...