那些带给我们强烈视觉冲击的 JavaScript 特效网站

简介:   关于 HTML5 和  Flash 之间的战争,网上讨论的文章很多很多,尽管 HTML5 还有很长的路要走,但 Flash 正在走下坡路是不争的事实。以前效果精美的 Flash 网站非常流行,如今已经很少见到了。

  关于 HTML5 和  Flash 之间的战争,网上讨论的文章很多很多,尽管 HTML5 还有很长的路要走,但 Flash 正在走下坡路是不争的事实。以前效果精美的 Flash 网站非常流行,如今已经很少见到了。借助 JavaScript ,使用纯HTML/CSS就可以实现媲美 Flash 的精美网站。

 

Black Negative

太炫了!动态的全屏背景,像电影画面一样,还有好玩的水平拖动导航。

Lena Sanz

带给你强烈视觉冲击的摄影师网站,有一个巨大的的响应式图片滑块。

Skull Candy

应用了多种类型的视差滚动效果,太不可思议了,赶快滑动滚动条试试吧。

 

Matte Ozanga

另外一个运用鼠标拖动的创意网站,在着陆页(landing page)提供了两种欢迎用户的选项。

 

Angrybird Space

这是愤怒的小鸟太空版官方网站,运用了奇特的视差滚动效果,在页面滚动的时候沿着预定的路径滚动。

 

Olivers Taub

这个网站看起来很像典型的 Flash 网站,使用方框作为简洁而又优雅的解决方案。

 

Joint London

极简设计风格的网站,导航制作得非常特别,整个看起来就像 Flash 制作的。

 

Nature Valley Trail View

制作精美的全屏传送带,页面按钮制作得非常有质感。

 

Artech Agencement

从进入页面的加载到后面的魔方导航效果以及精致的滚动条效果都让人觉得特别炫。

 

50 Problems in 50 Days

设计精美的界面,平滑的拖动,各种很酷的效果都让人觉得像非常赞!

 

您可能还喜欢

 

 

本文链接:那些带给我们强烈视觉冲击的 JavaScript 特效网站

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

作者:山边小溪
主站:yyyweb.com 记住啦:)
欢迎任何形式的转载,但请务必注明出处。

相关文章
|
25天前
|
数据采集 存储 JavaScript
赋能数据收集:从机票网站提取特价优惠的JavaScript技巧
使用JavaScript和爬虫代理IP,旅游行业可高效抓取机票特价信息。通过模拟不同地区用户,提升数据收集成功率,全面了解市场动态。数据存储到数据库后进行统计分析,助力企业把握用户需求和市场趋势优化决策。
赋能数据收集:从机票网站提取特价优惠的JavaScript技巧
|
3月前
|
存储 JavaScript 前端开发
只使用简单的 JavaScript 创建文件共享型网站
只使用简单的 JavaScript 创建文件共享型网站
39 0
只使用简单的 JavaScript 创建文件共享型网站
|
6月前
|
前端开发 JavaScript
Javascript知识【案例:网站换肤&案例:图片放大】
Javascript知识【案例:网站换肤&案例:图片放大】
|
4月前
|
JavaScript 测试技术
【sgGoogleTranslate】自定义组件:基于Vue.js用谷歌Google Translate翻译插件实现网站多国语言开发
【sgGoogleTranslate】自定义组件:基于Vue.js用谷歌Google Translate翻译插件实现网站多国语言开发
|
3月前
|
数据采集 JavaScript 前端开发
如何使用JS逆向爬取网站数据
如何使用JS逆向爬取网站数据
|
9月前
|
数据采集 JavaScript 前端开发
使用JavaScript和Vue.js框架开发的电子商务网站,实现商品展示和购物车功能
使用JavaScript和Vue.js框架开发的电子商务网站,实现商品展示和购物车功能
|
11月前
|
XML Web App开发 JavaScript
不用 JavaScript,纯静态网站如何统计 PV?
不用 JavaScript,纯静态网站如何统计 PV?
80 0
|
11月前
|
移动开发 前端开发 IDE
零基础html5+div+css+js网页开发教程第005期 hbuilder网站开发环境搭建
零基础html5+div+css+js网页开发教程第005期 hbuilder网站开发环境搭建
120 0
|
前端开发 JavaScript
网站介绍web前端 html+css+javascript网页设计
网站介绍web前端 html+css+javascript网页设计
165 0
|
前端开发 JavaScript
前端知识学习案例2-开发企业网站2-准备js库 图片等
前端知识学习案例2-开发企业网站2-准备js库 图片等
53 0
前端知识学习案例2-开发企业网站2-准备js库 图片等