`
dengjianqiang200
  • 浏览: 128186 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

10个奇幻的HTML5和Javascript效果

    博客分类:
  • html
阅读更多

又10款令人惊奇的HTML5和Javascript效果,今天网游的时候,又偶然踫到的这几款很不错的效果。回到几年前,这些效果是根本不可能实现,只能用Flash做,但是现在,已经很轻松的就可以实现了。
之前也发布了几篇此类的文章,但觉得这几款效果确实很让人难以割舍,它们奇幻、炫丽,还是收藏了和大家一起分享吧。:-p
等会,大家要记得用高版本的一些浏览器哦,要不看不到效果的,我用的是Firefox3.5.11。

个人非常喜欢Breathing GalaxiesFlowerPower,真得很炫,你喜欢哪款呢?

Breathing Galaxies

Breathing Galaxies

使用键盘来改变形状中的线条样式,或移动鼠标来创建一个新的形状。

Noise Field

Noise Field

移动鼠标来改变粒子的运动。点击随机产生参数。

Keylight

Keylight

根据按键放置的位置不同来产生不同的单调。

Swirling Tentacles

Swirling Tentacles

循环产生彩色不同颜色的三维线。

FlowerPower

FlowerPower

来自于大自然另一个灵感 – 使用贝赛尔曲线做为笔刷绘图工具花朵,使用鼠标点击或拖动均可看到效果。

Blob

Blob

一滴可以在屏幕上抛掷的柔软的水泡,它可以在浏览器窗口中弹跳。这个水泡可以分割成许多小水滴(双击),如果他们碰撞小水滴们还会合并成一个大水滴。

Rotating Spiral

Rotating Spiral

你是越来越困,很困…. 独立旋转螺旋的效果 – 简单,但视觉吸引力。点击开始,停止和扭转旋转。

Magnetic

Magnetic

磁点是用来控制粒子流。如果有很多粒子围绕磁铁,它会辐射的颜色和大小的增加。鼠标双击操作。

Trail

Trail

五颜六色的粒子跟随鼠标并在鼠标周围旋转,同时生成一个有机的痕迹,然后慢慢地淡出。

Graph Layout

Graph Layout

一种交互式力向图的布局。

 

  • 30多个资源帮你学习HTML5
  • 47款惊人的CSS3动画效果
  • 另外10个很棒的html5、css和javascript效果
  • 13个令人惊叹的html5和css3示例
  • Javascript在线压缩工具
  • Javascript下实现MAP
  • 分享到:
    评论

    相关推荐

      HTML5+Three.js着色器(shader)实现的3D奇幻漩涡动画效果源码.zip

      在本项目中,“HTML5+Three.js着色器(shader)实现的3D奇幻漩涡动画效果源码.zip”利用HTML5的Canvas元素和JavaScript库Three.js来构建一个令人惊叹的3D视觉效果——3D奇幻漩涡动画。 Three.js是基于WebGL的...

      HTML——奇幻彩色粒子(追光者).zip

      在本示例中,"奇幻彩色粒子(追光者)"是一个基于HTML的前端特效,它利用HTML的结构特性,结合JavaScript来实现动态的视觉效果。这个特效可能是通过在网页上生成大量随机移动的彩色粒子,形成一种追逐光点的视觉体验...

      奇幻动态特效背景html+css+js.zip

      "奇幻动态特效背景html+css+js.zip"是一个包含HTML、CSS和JavaScript代码的压缩包,旨在帮助开发者创建具有奇幻效果的网页背景。下面将详细介绍这三个主要技术及其在动态特效背景中的应用。 1. HTML (HyperText ...

      奇幻撕布(追光者).zip

      总的来说,《奇幻撕布(追光者)》这个特效是前端技术的一次创新应用,它将HTML、CSS和JavaScript紧密结合,通过精心设计的交互和视觉效果,为用户带来了独特的浏览体验。对于开发者而言,理解和实现这样的特效不仅...

      Molyx论坛 翼之奇幻

      5. **JavaScript交互**:为了增强用户体验,模板可能包含了JavaScript代码,用于实现动态效果和交互功能,如滑动菜单、下拉选项、滚动动画等。 6. **论坛功能**:作为一款论坛模板,它可能内置了用户注册、发帖、...

      js/jquery歌词奇幻之旅

      总的来说,“js/jquery歌词奇幻之旅”是一个综合运用JavaScript、jQuery、HTML5和CSS3的项目,它展示了如何通过编程技巧将静态的歌词转化为动态的艺术表现,为用户带来沉浸式的视听享受。无论是对于初学者还是经验...

      奇幻留言本

      7. 用户界面设计:奇幻留言本的前端可能使用HTML、CSS和JavaScript进行构建,提供友好的用户界面和交互效果。CSS用于样式控制,JavaScript可能用于表单验证的客户端部分,或者实现一些动态效果。 8. 安全性考虑:...

      万圣节主题HTML网站模板

      综上所述,"万圣节主题HTML网站模板"是一个综合了HTML5、CSS3、JavaScript等技术的创意作品,它不仅展示了前端开发的艺术性,还体现了技术的实用性,是万圣节期间吸引用户注意力、提升网站互动性的有力工具。...

      jquery雪花飘落效果.zip

      "jQuery雪花飘落效果"就是一种常见的视觉特效,它利用JavaScript库jQuery来模拟真实世界中雪花飘落的情景,为网页增添浪漫与奇幻的氛围。这种特效常见于节日主题或冬季主题的网页设计中,给用户带来温馨的感受。 一...

      时空隧道特效.zip

      【时空隧道特效.zip】是一个包含HTML、CSS和JavaScript技术实现的特效资源,它旨在创造一种类似于电影中的时空隧道视觉效果。这种特效在许多科幻或奇幻电影中被广泛使用,为观众带来震撼的视觉体验。接下来,我们将...

      【战将传说OL】三国奇幻类网页游戏源码

      5. **脚本语言**:游戏中的脚本语言是什么,如JavaScript、Lua等,这对修改游戏规则和添加新功能至关重要。 总的来说,【战将传说OL】的源码不仅是一个可运行的游戏,也是一个学习和研究的宝贵资源,它涵盖了网页...

      仿阴阳师官网首页/欢迎页、另附带自制特效页.rar

      "仿阴阳师官网首页/欢迎页、另附带自制特效页.rar" 文件提供了这样一个机会,让我们深入了解如何使用HTML、JS(JavaScript)、CSS以及html5和jquery技术来创建具有吸引力的网页。阴阳师作为一款广受欢迎的游戏,其...

      王者魔兽HTML模板

      总的来说,"王者魔兽HTML模板"是一个精心设计的网页模板,结合了HTML、CSS和JavaScript技术,旨在为网络游戏相关网站提供一个高效、美观的起点。通过合理的定制和优化,它可以成为连接游戏开发者和玩家的重要桥梁,...

      js实现的彩色方块飞舞奇幻效果

      在介绍js实现的彩色方块飞舞奇幻效果中,主要涉及的知识点包括JavaScript的DOM操作、事件监听、动态样式变更、定时器运用、鼠标事件处理、随机数生成等。 首先,关于DOM操作,文档对象模型(DOM)是JavaScript与...

      珠光剑气宝剑CSS3特效.zip

      jQuery是一个广泛使用的JavaScript库,它简化了JavaScript的DOM操作、事件处理、动画制作等任务,使开发人员能更轻松地创建交互式的网页效果。 "CSS特效"和"网页特效"则进一步确认了这个项目的核心内容是用于网页的...

      qihuan_website:这是奇幻网站开发项目

      同时,通过WebGL技术,JavaScript可以实现复杂的图形计算,打造奇幻世界的动态光影和物理效果。 为了保证项目的可扩展性和适应性,良好的架构设计至关重要。模块化和面向对象的编程原则应贯穿始终,使代码组织有序...

      Animais-fantasticos --- JavaScript

      结合HTML和JavaScript,这个"Animais-fantasticos"项目可能是一个互动式的奇幻动物园,用户可以通过点击不同的动物图标,查看其详细信息,或者欣赏它们的动态行为。开发者可能还运用了现代前端框架或库(如React或...

      HTML5梦幻雪花图形背景特效

      总之,HTML5梦幻雪花图形背景特效是一个展示HTML5 Canvas强大功能的典型示例,它结合了JavaScript的动态性和艺术性的创意,为网页增添了一份冬日的浪漫氛围。通过深入学习和理解这一特效,开发者不仅可以提升自己的...

      animais-fantasticos:Projeto final curso Javascript

      5. **JSON数据格式**:在处理数据时,JSON(JavaScript Object Notation)是一种常用的数据交换格式,因其与JavaScript对象相似,方便数据的序列化和反序列化。 6. **动画与定时器**:JavaScript可以利用`...

      animais-fantasticos:Projeto Final Curso de Javascript

      这个项目可能要求学生或者参与者运用他们在JavaScript课程中学到的知识来创建一个以“奇幻动物”为主题的应用程序。JavaScript是一种广泛用于前端开发的编程语言,它能让网页具有动态交互性。 【描述】中的信息非常...

    Global site tag (gtag.js) - Google Analytics