需要了解如何实现其他人的jquery

时间:2015-07-24 13:13:58

标签: javascript jquery animation progress radial

这是我想要的代码.. http://p.ar2oor.pl/cprogress/这正是我项目所需要的。 下载文件有一些代码,但没有实现说明。 没有jquery xp我不知道如何实现它。我使用了页面源代码中的html,并通过google cdn链接了jquery。 这是小提琴。

http://jsfiddle.net/ebenhafkamp/abrdz924/

<div class="radial">
    <div class="jCProgress" style="opacity: 1;"></div>
    <div class="percent" style="display: block;">70</div>
    <canvas width="105" height="105">
</div>

它基本上是来自网站的代码汇编,js纯粹是在下载链接中编写的内容,而css是我在文档中使用的唯一内容。我无法看到它如何产生它应该产生的东西。有人可以为我照亮这个......

1 个答案:

答案 0 :(得分:1)

在此链接中包含该文件:http://p.ar2oor.pl/cprogress/jCProgress-1.0.3.js 然后按照实施说明建议:

HTML

   b = a['arr_0']

的Javascript

<div id="my-cprogress"></div>

这是小提琴:http://jsfiddle.net/abrdz924/1/

注意:请记住,您必须为背景提供两个现有图像('img1'和'img2')。在小提琴中你不会看到它们,因为我指定的URI无效。