当前位置: 首页» JS特效» 其他实例»

可生成指定图案的js二维码插件

qart.js是一款基于html5canvas的可生成带指定图案的js二维码插件。普通的二维码是以黑白点为底色,而通过该js插件,你可以指定任意图片为二维码的背景图案,还可以制作彩色的二维码。
  canvas 二维码 纯js
 37  0

HTML5 SVG超酷雷达扫描式页面切换特效

这是一款基于HTML5SVG的超酷雷达扫描式页面切换jQuery特效。该页面切换特效使用jQuery代码来动态生成svg,并使用velocity.js来驱动SVG完成页面切换时的雷达扫描效果个线条动画。
  svg 响应式 页面切换
 41  0

HTML5 SVG带视觉差效果的响应式不规则分段布局

这是一款使用HTML5SVG制作的带视觉差效果响应式不规则分段布局特效。该特效使用SVG将各个段落制作为不规则图形。同时使用jQuery来在页面滚动时制作一些轻微的视觉差效果。
  svg 响应式 页面布局
 49  0

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

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

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

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

HTML5全屏两列布局网页模板

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

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

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

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

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

HTML5 SVG制作滚动变形的半圆形页面头部特效

这是一款使用HTML5SVG制作的效果炫酷的半圆形页面头部图片滚动变形动画特效。该特效使用SVG路径来剪裁图片,制作为半圆形的样式。并在页面滚动时动态调整曲线的弧度,制作变形效果。
  svg 变形 html5 svg
 44  0

HTML5炫酷扑克牌卡片动画类库

deck-of-cards是一款非常炫酷的HTML5扑克牌卡片动画类库。它使用纯js和CSS3来实现洗牌,发牌等功能。在这个效果的演示中,扑克牌使用SVG来制作,共给出了5种功能的演示效果。
  动画 扑克牌
 64  0