其他代码

图片加载loading加载层动画jQuery插件

阿里云


ProgressBar.js 是一款 jQuery 图片加载 loading 加载层动画插件。该插件在图片加载时,为图片添加垂直的图片逐渐显示效果,非常炫酷。

使用方法

HTML 文件中引入。

也想出现在这里?联系我们
创客主机
  1. <link rel="stylesheet" type="text/css" href="../src/progressbar.css">
  2. <script type="text/javascript" src="../src/jquery.min.js"></script>     
  3. <script type="text/javascript" src="../src/jquery.progressbar.js"></script>

HTML 结构

  1. <div id="container">
  2.  
  3. </div>

javascript

普通垂直加载图片效果:

  1. var myProgress = $("#example").progressBar({
  2.     imageUrl: 'image.png',
  3.     imageHeight: 300,
  4.     imageWidth: 250
  5. });

使用背景图片:

  1. var myProgress = $("#example").progressBar({
  2.     imageUrl: 'image.png',
  3.     imageHeight: 300,
  4.     imageWidth: 250,
  5.     backgroundImageUrl: 'bg.png',
  6.     backgroundOpacity: 1
  7. });

Github 网址:https://github.com/kelvinperrie/ProgressBar

图片加载 loading 加载层动画 jQuery 插件

已有 398 人购买
  • fwcu
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!