当前位置: 首页» JS特效»

jQuery和SVG炫酷弹射纸飞机动画特效

这是一款效果超级炫酷的jQuery和SVG弹射纸飞机动画特效。用户可以拖动指定区域,当鼠标松开时,一架小飞机被弹射出去,飞行一圈后有回到原来的位置。同时背景中的树和下面的列表项也会有动画效果。
  svg 弹性效果 html5 svg
 71  0

HTML5 SVG超酷表单运动模糊动画特效

这是一款效果非常炫酷的HTML5SVG表单运动模糊动画特效。这个运动模糊特效使用SVG过滤器,并结合TweenMax.js来制作打开和关闭表单时的运动模糊效果。
  svg 运动模糊 html5 svg
 39  0

HTML5 canvas趣味飞船捡金币小游戏

这是一款非常有趣的HTML5canvas飞船捡金币小游戏。游戏中你可以使用上下左右方向键来控制小飞船的飞行。金币会在屏幕中随机出现,飞船具有吸附金币的能力,越接近吸附的越多,非常有意思。
  canvas html5 canvas 游戏
 86  0

HTML5 canvas炫酷彩虹条纹图片特效

prideify是一款可以使用HTML5canvas来将任何图片转换为炫酷的彩虹条纹效果的图片特效js插件。该图片特效基于canvasAPI制作,没有任何外部依赖,整个文件大小不到100行代码。当然也可以和jQuery配合使用。
  canvas 图片效果 html5 canvas
 50  0

HTML5全屏两列布局网页模板

这是一款非常有创意和实用的HTML5全屏两列布局网页模板。在大屏幕设备中,该模板以两列布局的方式出现,用户可以通过点击导航按钮来切换页面,新的内容会覆盖旧的内容。
  网页布局 布局 网页模板
 40  0

HTML5 canvas元素背景梦幻小星星闪烁特效

这是一款使用HTML5canvas制作的DOM元素背景梦幻小星星闪烁动画特效。该特效可以在任何HTMLDOM元素上通过canvas来在鼠标滑过时制作星星闪烁的效果,可以为元素添加一些梦幻色彩。
  canvas 背景 html5 canvas
 39  0

29个主流社交网站Logo SVG图标

这是一组使用SVG制作的29个主流社交网站Logo图标。这组社交网站logo包括了当今几乎所有的知名社交网站,如:Twitter,YouTube,Vimeo,Facebook和Dribbble等等。并且在鼠标滑过图标时还带有动画特效。
  svg 图标 社交网站
 88  0

HTML5响应式网页贪吃蛇小游戏

这是一款非常有趣的HTML5响应式网页贪吃蛇小游戏。在游戏中,你可以使用键盘的上下左右方向键来控制贪吃蛇的运动方向,屏幕中会随机出现一个绿色的食物,你的任务就是控制蛇去吃这个食物。
  响应式 小游戏 贪吃蛇
 38  0

HTML5 canvas超逼真的模拟时钟特效

thooClock是一款效果非常逼真的HTML5canvas模拟时钟特效。该时钟特效使用jQuery和HTML5CanvasAPI来制作,模拟现实生活中的时钟。并且它还具有定时闹钟的功能。
  canvas 时钟 html5 canvas
 43  0

基于three.js的炫酷Canvas 3D线条动画特效

html5-canvas-animation是一款基于three.js的HTML5canvas3D线条动画特效。该3D线条动画特效可以用鼠标进行互动,canvas的背景颜色可以随机改变。你可以使用它来制作页面顶部的Banner,效果会非常的酷。
  3d canvas 线条动画 html5 canvas
 59  0

HTML5 SVG带圆形进度条动画的提交按钮特效

这是一款非常实用的HTML5SVG带圆形进度条动画的提交按钮特效。该提交按钮在被点击之后,按钮变形为一个圆形的进度条,当进度条运行一周之后,可以设置提交成功和提交失败的两种按钮状态。
  按钮 svg html5 svg 提交按钮
 69  0

HTML5 Canvas和jQueryUI模糊隐藏侧边栏特效

blurry-menu是一款效果非常酷的HTML5Canvas和jQueryUI模糊隐藏侧边栏特效。该侧边栏特效可以将它下面的HTML元素进行模糊处理。模糊效果是动态加入的,任何在侧边栏下方的HTML元素都将被模糊。
  canvas 侧边栏 jquery ui 背景模糊
 83  0

HTML5 canvas高性能打方块小游戏

BlockBlaster是一款高性能的HTML5canvas打方块小游戏。这个HTML5游戏仅使用12KB的javascript代码来完成。它可以连发子弹,敌方方块被打碎后会分裂为多个小方块。整个游戏非常流畅,性能非常好。
  canvas 小游戏 html5 canvas
 45  0

Material Design隐藏侧边栏网页布局模板

这是一款非常实用的HTML5和CSS3MaterialDesign风格隐藏侧边栏网页布局模板。该模板设计简洁,侧边栏带动画效果,点击或触摸菜单项时会有点击波特效。
  Material Design 侧边栏 网页模板
 51  0

基于canvas的jQuery圆形进度条插件

ClassyLoader是一款轻量级跨浏览器的jQuery圆形进度条插件。该圆形进度条基于HTML5canvas来制作,使用简单,进度条的动画效果非常平滑。通过它你可以在你的网站上制作出非常漂亮的圆形进度条效果。
  canvas 进度条 圆形进度条
 85  0

HTML5可交互的圆形进度条特效

这是一款效果非常炫酷的HTML5可交互的圆形进度条特效。这个圆形进度条由32个圆角矩形组成,用户可以点击每一个圆角矩形将进度条设置到相应的刻度上。它使用js来制作交互动画效果,并带有鼠标滑过时的效果,非常的酷。
  圆形进度条 交互
 122  0

HTML5 Canvas和jQuery实用实时天气预报App

weather-app是一款非常实用的HTML5Canvas和jQuery实用实时天气预报App。你可以通过这个天气预报App来查询各个城市的天气,只需要在搜索框中输入英文的城市名称,就可以实时搜索该城市的天气情况。
  canvas app html5 canvas 天气
 125  0

基于SVG的扁平风格圆形进度条插件

circleDonutChart是一款非常实用的基于SVG的扁平风格圆形进度条javascript插件。该圆形进度条插件使用简单,它使用SVG图形来制作进度条,可以制作平滑的动画效果。
  svg 圆形进度条 扁平风格
 62  0

基于SVG图形变换的全屏幻灯片特效

这是一款效果非常炫酷的基于SVG图形变换的全屏幻灯片特效。该幻灯片在切换的时候,会出现一些装饰的SVG图形,这些图形会发生变形转换,之后下一张幻灯片才出现,效果非常独特。
  svg 全屏 幻灯片
 51  0

纯javascript实现汉诺塔可视化小游戏

这是一款使用纯javascript制作的汉诺塔可视化小游戏。汉诺塔源于印度一个古老传说的益智玩具。游戏中需要将所有的盘子移动到右边的柱子上,每次移动一个盘子,大盘子必须在小盘子之下。
  纯js 小游戏 汉诺塔
 28  0