其他代码

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

面包多

图片加载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

(0)

本文由 创客云 作者:PetitQ 发表,转载请注明来源!

阿里云

热评文章

发表评论

精彩推荐

Supro - 极简电商WordPress汉化主题

Envato Affiliates

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

Hi, 如果您有主题插件代购(30-600元)汉化等建站相关业务,可以 跟我联系 哦!
欢迎投稿
嘿,欢迎咨询!