这个网页咋制作咋实现效果
这个好像不是用CSS和JS实现的吧,右键显示是个Flash,囧……
■网友
你有没有用过腾讯街景,感觉差不多
■网友
ActionScript 3.0 是一种强大的面向对象编程语言,它标志着 Flash Player Runtime 演化过程中的一个重要阶段。设计 ActionScript 3.0 的意图是创建一种适合快速地构建效果丰富的互联网应用程序的语言,这种应用程序已经成为 Web 体验的重要部分。有许多产品都生成以 Flash Player Runtime 为目标的内容和应用程序,包括 YouTube、Flickr、SWiSH 和 ScreenTime。这些产品能够利用 ActionScript 在自己的输出中添加交互和行为。在 Adobe 产品系列中,专业设计人员可以在几种工具和服务器中使用 ActionScript,比如Air、 Flash、Flex 和 Flash Media Server,从而为 Flash Player Runtime 创建内容和应用程序。Flex 产品系列(包括基于 Eclipse 的新的 Flex Builder 2 IDE)是第一个能够使用 ActionScript 3.0 的新功能的产品系列。Adobe Air技术现在已经发展成为一种跨操作系统,跨平台的新型开发技术,在移动native app游戏领域已经展露锋芒。题主如果感兴趣的话,可以去学习一下~
■网友
原站确实是flash写的,但是这个...这个...flash这种东西还是少用吧。其实我觉得不应该直接贴代码的反正我也是在网上扒出来的大抵思路如此\u0026lt;!DOCTYPE html\u0026gt;\u0026lt;head\u0026gt;\u0026lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /\u0026gt;\u0026lt;title\u0026gt;\u0026lt;/title\u0026gt;\u0026lt;style type="text/css"\u0026gt;html, body { height: 100%; overflow: hidden; }body { -webkit-perspective: 500px; -moz-perspective: 500px; border: 0; margin: 0; padding: 0; }#img3D { position: absolute; text-transform: uppercase; -webkit-tranform: translateZ(0); -webkit-transition-duration: 0.05s; -moz-tranform: translateZ(0); color: #f3f3f3; text-shadow: 0 0 1px rgba(0,0,0,.2); top: 0; left: 0; width: 100%; height: 100%; }.img { position: absolute; top: -30%; left: -30%; width: 160%; height: 160%; background: url(http://static.zhihu.com/static/img/sticky_header/new_logo.png) no-repeat center center #0666c5; background-size: 30% 30%; }\u0026lt;/style\u0026gt;\u0026lt;/head\u0026gt;\u0026lt;body\u0026gt;\u0026lt;div id="img3D"\u0026gt;\t\u0026lt;div class="img"\u0026gt;\u0026lt;/div\u0026gt;\u0026lt;/div\u0026gt;\u0026lt;script type="text/javascript"\u0026gt;var text = document.getElementById(\u0026#39;img3D\u0026#39;),body = document.body,steps = 7;function threedee (e) {\tvar x = Math.round(steps / (window.innerWidth / 2) * (window.innerWidth / 2 - e.clientX)),\t\ty = Math.round(steps / (window.innerHeight / 2) * (window.innerHeight / 2 - e.clientY)),\t\ti;\tfor (i=0; i\u0026lt;steps; i++) {\t\ttx = Math.round(x / steps * i);\t\tty = Math.round(y / steps * i);\t}\ttext.style.webkitTransform = \u0026#39;translateZ(0) rotateX(\u0026#39; + -y*1.5 + \u0026#39;deg) rotateY(\u0026#39; + x*1.5 + \u0026#39;deg)\u0026#39;;\ttext.style.MozTransform = \u0026#39;translateZ(0) rotateX(\u0026#39; + -y*1.5 + \u0026#39;deg) rotateY(\u0026#39; + x*1.5 + \u0026#39;deg)\u0026#39;;}document.addEventListener(\u0026#39;mousemove\u0026#39;, threedee, false);\u0026lt;/script\u0026gt;\u0026lt;/body\u0026gt;\u0026lt;/html\u0026gt;
推荐阅读
- 如果你的多肉出现这个长势,要注意这个细节,多肉才会越来越美!
- 『活动』让孩子们欢欢喜喜过新年 这个元旦好有爱!南京聋校举办多种形式庆祝活动
- 免费“单人套餐”背后的故事:爱心让这个冬天不再寒冷
- 夫子庙■“秦淮灯会”“夫子庙小吃”等非遗重点保护 护航夫子庙,这个法明年施行
- 气温■@江苏人,这个周末天气晴!温度缓慢回升,早晚依旧“冻”人
- 黄金时间■黄金时间丨哪种产品最节水?购买产品请注意这个标识!
- 『黄金时间』请认准这个蓝色的标志! 黄金时间丨同行业中用水最少的企业
- 汽车|评测 | 懂你所想,予你所需!依维柯欧胜2021款这个“搭档”可还行?
- 电动车|这个月,原来小编们这么拼
- 漏洞|家里有孩子的,一定不要忽略这个漏洞!警惕!同一小区8人确诊
