`

CSS3 实现的一个简单的"动态主菜单" 示例

阅读更多
其实这个示例蛮无聊的 很简单 也没什么实际的用处.

主要是展示了 CSS3 如何实现动画效果.

写这个主要是想看一看 完成这样的效果 我到底要写多少代码.
同时和我熟悉的java做个比较.

比较结果不用我说大家也知道.

用java来实现示例中的效果 如果不借助第三方的框架 编码量将是相当大的.

就算用flash 来做 编码量也不小.
也许有人会说用flash开发这么一个东西, 在强大的开发工具的帮助下根本不用编码,
呵呵 好吧...
其实这种质疑恰恰证明了为什么很多flash应用看着简单 但是对cpu占用却非常高.



之前我在"闲聊"里说过:"从技术角度来讲,HTML5+CSS3+JS太适合做休闲类游戏了"
大家想想,用canvas svg webgl等技术 来做游戏主体, js来做游戏开发语言(同时也可以用来做脚本), 利用html5 css3的优雅特性来做游戏的UI(就是菜单 对话框 操作控制台一类的东西).这样不是很好吗?


不废话了 大家看附件中的示例吧.

请使用 Chrome 4.x 或以上版本进行预览. (我用的是 4.1 )

补充 : safari 4 也可以


0
0
分享到:
评论

相关推荐

    CSS3 实现的一个简单的\"动态主菜单\" 示例

    NULL 博文链接:https://fins.iteye.com/blog/623475

    纯CSS3实现带动画效果导航菜单无需js

    随着互联网的发展,网页能...下面介绍一个博主在css3学习过程中写的一个纯css3实现的带动画效果的导航菜单。 下面是效果图: 查看示例(请在支持css3的浏览器中查看效果,最新版的chrome浏览器下效果最佳。) 纯css

    如何只使用CSS创建折叠标题效果的示例代码

    带有黑色背景的固定标题,位于页面顶部,包含主菜单。 带蓝色背景的折叠标题,包含有关特价的额外信息。 用户滚动到折叠标题的白色背景的其余内容。 折叠标头非常适合用户体验。用户可以在想要查看特殊信息时随时...

    最新Python3.5零基础+高级+完整项目(28周全)培训视频学习资料

    第一个python程序 变量 字符编码与二进制 字符编码的区别与介绍 用户交互程序 if else流程判断 while 循环 while 循环优化版本 for 循环及作业要求 第2周 本节鸡汤 模块初识 pyc是什么 python数据类型 bytes数据...

    treemenu:树菜单示例

    <<<<<<< HEAD该项目是通过引导的。 您将在下面找到一些有关如何执行常见任务的信息。 您可以在找到本指南的最新版本。... 在服务器上生成动态<meta>标记 预渲染为静态HTML

    ASP.NET3.5从入门到精通

    11.1.2 编写一个简单的控件 11.1.3 将Web 窗体转换成用户控件 11.2 自定义控件 11.2.1 实现自定义控件 11.2.2 复合自定义控件 11.3 用户控件和自定义控件的异同 11.4 用户控件示例 11.4.1 ASP.NET 登录控件 11.4.2 ...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -Button控件将不再自动拥有display:inline属性,如果希望两个按钮在一行显示,请为第一个按钮设置CssStyle="float:left;"属性。 -修正了弹出菜单的位置在Firefox下不正确的BUG(feedback:eroach)。 -为TriggerBox...

    asp.net知识库

    制作一个简单的多页Tab功能 一完美的关于请求的目录不存在而需要url重写的解决方案! 在C#中实现MSN消息框的功能 XmlHttp实现无刷新三联动ListBox 鼠标放在一个连接上,会显示图片(类似tooltip) 使用microsoft.web.ui...

    ASPNET35开发大全第一章

    11.1.2 编写一个简单的控件 11.1.3 将Web窗体转换成用户控件 11.2 自定义控件 11.2.1 实现自定义控件 11.2.2 复合自定义控件 11.3 用户控件和自定义控件的异同 11.4 用户控件示例 11.4.1 ASP.NET登录控件 11.4.2 ASP...

    python入门到高级全栈工程师培训 第3期 附课件代码

    06 django的一个简单应用 07 django静态文件之static 08 django的url控制系统 09 django的urlConf补充 第50章 01 django之视图函数的介绍 02 django视图之redirec 03 django模板之变量 04 django模板之过滤器 05 ...

    ExtAspNet_v2.3.2_dll

    -增加示例(iframe/parent_postback_run3.aspx),如何通过简单的Javascript代码回发父页面(feedback:eroach)。 -修正一些书写错误(feedback:bmck)。 -从Region控件中删除SplitColor属性,增加CollapseMode, ...

    ASP.NET 3.5 开发大全11-15

    11.1.2 编写一个简单的控件 11.1.3 将Web窗体转换成用户控件 11.2 自定义控件 11.2.1 实现自定义控件 11.2.2 复合自定义控件 11.3 用户控件和自定义控件的异同 11.4 用户控件示例 11.4.1 ASP.NET登录控件 11.4.2 ASP...

    ASP.NET 3.5 开发大全

    11.1.2 编写一个简单的控件 11.1.3 将Web窗体转换成用户控件 11.2 自定义控件 11.2.1 实现自定义控件 11.2.2 复合自定义控件 11.3 用户控件和自定义控件的异同 11.4 用户控件示例 11.4.1 ASP.NET登录控件 11.4.2 ASP...

    ASP.NET 3.5 开发大全1-5

    11.1.2 编写一个简单的控件 11.1.3 将Web窗体转换成用户控件 11.2 自定义控件 11.2.1 实现自定义控件 11.2.2 复合自定义控件 11.3 用户控件和自定义控件的异同 11.4 用户控件示例 11.4.1 ASP.NET登录控件 11.4.2 ASP...

    ASP.NET 3.5 开发大全word课件

    11.1.2 编写一个简单的控件 11.1.3 将Web窗体转换成用户控件 11.2 自定义控件 11.2.1 实现自定义控件 11.2.2 复合自定义控件 11.3 用户控件和自定义控件的异同 11.4 用户控件示例 11.4.1 ASP.NET登录控件 11.4.2 ASP...

    JAVA上百实例源码以及开源项目源代码

    简单聊天软件CS模式 2个目标文件 一个简单的CS模式的聊天软件,用socket实现,比较简单。 凯撒加密解密程序 1个目标文件 1、程序结构化,用函数分别实现 2、对文件的加密,解密输出到文件 利用随机函数抽取幸运数字 ...

    JAVA上百实例源码以及开源项目

    一个简单的CS模式的聊天软件,用socket实现,比较简单。 凯撒加密解密程序 1个目标文件 1、程序结构化,用函数分别实现 2、对文件的加密,解密输出到文件 利用随机函数抽取幸运数字 简单 EJB的真实世界模型(源代码...

    personal-site:个人网站,其模板使用纯HTMLCSS编码; 用markdown编写并使用pandoc使用自定义bash脚本编译的帖子

    个人网站主页: 代码: 关于: 如何使用创建一个菜单栏和页脚。 我使用创建的工具进行所有HTML , CSS和Javascript实验。 制作完菜单栏和页脚后,将它们分别添加到resources/navbar.html和resources/footer.html 。 ...

    1337-Scheme:1337年-深色升华文字的配色方案

    屏幕截图:CSS示例HTML示例JavaScript范例Ruby示例安装:通过程序包控制确保您已经安装了Package Control 。 从命令面板中选择“安装软件包”(通过主菜单中的“ Tools > Coomand Palette ”)。 选择1337 Color ...

Global site tag (gtag.js) - Google Analytics