资讯频道 → Web前端
阅读更多

6顶
0踩

Web前端

翻译新闻 20个神奇的伪Flash网站

2011-07-08 17:51 by 副主编 wangguo 评论(6) 有8615人浏览
HTML JavaScript CSS Flash
不要以为下面的这些网站是使用Flash做的，它们实际上是使用老式的HTML和CSS构建，也会有少许的JavaScript，同样也能达到出乎意料的动画效果。

1. Emilie Crssrd
该网站做了很多设计，而使它看起来像Flash，图片加载动画更像Flash网站常见的效果一样 。


2. Stefan Kanchev
图标的淡入和淡出效果和你的鼠标经过的路径形成了完美的互动。


3. Brand Republic
该网站基于CSS元素动态地改变标准边界，创造一个3D效果，并确保Logo在强烈的背景下脱颖而出。


4. Cooper
在导航中选择项目，相关内容会滚动到当前窗口中，图片的平稳过渡，感觉非常像Flash，但它确实是使用标准的Web语言来完成 。


5. Flipboard
支持页面动态调整，以适应您的浏览器（有些限制），你会发现一个标准的Flash效果。


6. Crafty 2010
风格和可用性之间达到一个很好的平衡。


7. 20 Things I Learned About Browsers and the Web



8. NL Engenharia

滑出式导航、全屏幕图像、动态调整大小，该网站拥有Flash网站的所有特点。


9. Ryan C. Jones
该网站有一个美丽的摄影组合，它利用一个简单而有效的方式来展示摄影作品。


10. Studio Gang Architects
乍一看，创意的界面类似Flash，它显示出老式的HTML也可以做动画效果。


11. DIST Creative
凭借其动画、装载图标和流动界面，这个网站是基于HTML的非常实用的动画解决方案，拥有好的Flash布局创造力。


12. Messages for Japan
该动画形式很好地突出了用户的互动。


13. Atlason
该网站内容充满屏幕，窗口式的布局更易让人喜欢。


14. Bit Byte Bit
动态的区域。


15. FORM



16. EEHarbor
该网站的速度是其成功的一大原因，你不会觉得动画内容花哨。


17. Wells Riley
一个非常特别的拉绳动画效果 。


18. Manchester Design Symposium
具有超洁净和简单的界面，拥有固定不变的头部，页面下面的部分可以滚动浏览。


19. Sophie Hardach
有一些有趣的动画，如元素的移动、放大、停留，还有底部的波浪效果。


20. Renato Zero
向下滚动浏览，就会出现一个新的页面。动画是快速的，仿佛感觉不到加载。


英文原文：http://www.webdesignerdepot.com/2011/07/20-fantastic-pseudo-flash-websites/


  • 大小: 95.2 KB
  • 大小: 20.8 KB
  • 大小: 112.2 KB
  • 大小: 96.2 KB
  • 大小: 53.6 KB
  • 大小: 67.9 KB
  • 大小: 54.6 KB
  • 大小: 123 KB
  • 大小: 47.1 KB
  • 大小: 120.9 KB
  • 大小: 99.9 KB
  • 大小: 60.9 KB
  • 大小: 52.1 KB
  • 大小: 67.7 KB
  • 大小: 111.6 KB
  • 大小: 50.1 KB
  • 大小: 141.6 KB
  • 大小: 86.9 KB
  • 大小: 60.2 KB
  • 大小: 60 KB
6
顶
0
踩
评论 共 6 条 请登录后发表评论
6 楼 damoqiongqiu 2011-12-28 16:27
是否意味着Flash越来越那啥了呢？？？
5 楼 night2007 2011-07-11 09:25
喜欢收藏，我是收藏家·
4 楼 spiderguy 2011-07-10 21:50
讨厌Flash啊，占用这么多CPU，耗电大户...这些还真是很强的JS前端了。
3 楼 同步卫星 2011-07-10 00:44
我喜欢这种方式
2 楼 groovyzhou 2011-07-09 19:28
用js开发还是没flash来得方便
1 楼 weng 2011-07-09 11:21
确实很 萎

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • asp.net动态js菜单(动态菜单+静态菜单+数据库)

    asp.net动态js菜单(动态菜单+静态菜单+数据库)，权限已有，连接数据库，运行项目，到菜单页面，f12就都代码都看到了。

  • 创建自己的Web Menu(1)

          一直想给自己的网站添加一些新比较流行的元素,比如加一个Web Menu（就像微软的网站上使用的那种风格,可以参看www.microsoft.com）来为客户的浏览提供导航功能，而且也显得比较专业。我想这无非是一些客户端的代码，客户端的功能实现，当然首选JavaScript。虽然以前我也做过自己的网站，但是JavaScript自己却不是很熟，所以想在网站上找一些代码来实现。几经搜索，找到

  • [转贴]基于asp.net的webmenu的数据操作

    摘要：越来越多的网页中使用到了菜单，一般说来，菜单制作的方法比较多，编程的语言基本上是javascript或者vbscript这两种，这种菜单一旦制作好就不能改变，修改起来比较麻烦。本文讲解webmenu控件，同时给出实例，讲菜单和数据库结合起来，实现动态的菜单。前言：下拉菜单技术常常在大型网站（如微软公司网站）中被用于网站导航，这样可有效的缩短浏览者定位至特定内容的时间。用Javascript或

  • webmenu编程精彩历程（三）菜单样式设计

    我们的菜单样式完全模仿windowxp的蓝色主题的效果，所以大家可以看看windowxp的蓝色主题来体会实际的效果在Menutest.htm里面，我们曾经写过这些代码：1。2。其中第一个是给页面链接一个样式表文件，第二个中有个class="WebMenu" ，它是通过menu.css里面的.WebMenu{    BEHAVIOR: url("WebMenu.htc")              

  • 基于asp.net的webmenu的数据操作1

    摘要：越来越多的网页中使用到了菜单，一般说来，菜单制作的方法比较多，编程的语言基本上是javascript或者vbscript这两种，这种菜单一旦制作好就不能改变，修改起来比较麻烦。本文讲解webmenu控件，同时给出实例，讲菜单和数据库结合起来，实现动态的菜单。前言：下拉菜单技术常常在大型网站（如微软公司网站）中被用于网站导航，这样可有效的缩短浏览者定位至特定内容的时间。用Javascript或

  • java WEbMENU

    java WEbMENUjava WEbMENUjava WEbMENUjava WEbMENUjava WEbMENU

  • asp.net页面动态菜单的实现（通过css和js实现）

    asp.net页面动态菜单的实现，通过css代码和js代码实现，即当鼠标移动到某菜单项上时，就会显示其子菜单项

  • asp.net动态js菜单程序源码(动态菜单+静态菜单+数据库文件)

    【程序老媛出品，必属精品，亲测校正，质量保证】 资源名：asp.net动态js菜单源码(动态菜单+静态菜单+数据库文件) 资源类型：程序源代码 源码说明： 1.Default.aspx页面是框架，需要静态菜单显示或是动态菜单显示，设置起始页。Login页面或LoginStatic页面。 2.运行 TopTest.aspx页面，可以知道怎么生成的菜单。 3.菜单使用的样式在css里。 4.登录用户 admin 密码sa 适合人群：新手及有一定经验的开发人员

  • 分享web menu(竖直和水平2种)

    效果图： 完整的代码下载： http://pan.baidu.com/share/link?shareid=2395583070&uk=503735180 兼容浏览器：360safe,FireFox,Chrome等

  • asp.net动态生成js导航菜单的方法

    非常抱歉，上传传错误东西了。根据用户的权限（datatable）数据动态生成导航菜单。如果不能用，你可以q我。

  • 6个Web前端值得收藏很实用的菜单模板（一）

    在线效果：http://ynif.v099.10000net.cn/demo/caidan/1/caidan/index.html

  • WEB入门.九 导航菜单

    学习内容水平导航菜单垂直导航菜单下拉式导航菜单能力目标制作tab标签导航菜单制作带箭头的导航菜单制作带信息提示的导航菜单制作垂直下拉导航菜单制作水平下拉导航菜单本章简介上一章节中讲解了 background 属性的用法，以及两种主流的背景特效——页面图片整合技术以及滑动门技术，设计师可以使用这两种技术制作出多种页面背景特效，如平滑投票、Tab 导航菜单等。在Web 应用中，除了布局设计外，页面导航

  • webmenu编程精彩历程之(一)结构总览和所有原代码

    菜单的效果见我的相册里面的作品截屏。menutest.htm 实际应用测试页面menudata.xml 菜单配置页面menu.css 菜单样式表webmenu.htc 封装后的htc菜单组件原代码：＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝menutest.htm新建网页 1 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

  • ASP.NET--Menu控件

    http://www.meituan.com/r/i13110281 Menu控件提供静态和动态混合的菜单功能。在向页面添加这个控件的时候，开发人员可以选择将它设置为一个完全动态的菜单，以便整个站点的导航结构都可以显示在菜单中，类似于Windows的Start菜单。另一种选择是，可以采取一种更传统的方法，可使用固定菜单，或者使用混合这两种功能的方法。动态菜单使用由ASP.NET...

  • 动态从数据库读取菜单（ASP.NET版）

    这几天一直打算做个从数据读取导航菜单的效果，以前做的时候都是写死的（太死了），好了话不多说，先看效果！ 我是个小菜，高手请不要喷！我在网上查了好久，说用menu控件，但是我用了不太好！最后我决定用repeater的嵌套来实现这个效果。先数据库结构吧！ 前台的代码： 1 <body> 2 <form id="form1" runat="server"...

  • 控制网页中的回车键

    一， 控制在网页输入回车后的动作:Javascript提供了捕获客户端键盘时间的处理,灵活使用可以让客户的使用感觉更加舒服和顺手.首先 为需要处理键盘事件的控间加上onkeydown的事件处理如,在文本输入筐控间中输入<input type="id="txt"nkeydown="enterkey()">enter()即为处理键盘输入的函数,在其中输入你想要的处理就好了一个例子:&l...

Global site tag (gtag.js) - Google Analytics