“Html:Svg loading”的版本间的差异
来自小鱼君和他的朋友们
([InPageEdit] 没有编辑摘要) |
([InPageEdit] 没有编辑摘要) |
||
第2行: | 第2行: | ||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="svgspinner" width="52px" height="52px"> | <svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="svgspinner" width="52px" height="52px"> | ||
<g id="group" style="" transform="translate(26,26)"> | <g id="group" style="" transform="translate(26,26)"> | ||
− | <circle data-status="doMinus" r="20" stroke="{{{color|#33a0fb}}}" stroke-width="6" stroke-dasharray=" | + | <circle data-status="doMinus" r="20" stroke="{{{color|#33a0fb}}}" stroke-width="6" stroke-dasharray="125 1000" fill="transparent" cx="0" cy="0"></circle> |
</g> | </g> | ||
<style> | <style> | ||
第26行: | 第26行: | ||
if (dash1 > 126) { | if (dash1 > 126) { | ||
$this.attr('data-status', 'doMinus'); | $this.attr('data-status', 'doMinus'); | ||
− | } else if (dash1 < | + | } else if (dash1 < 2) { |
$this.attr('data-status', 'doPlus'); | $this.attr('data-status', 'doPlus'); | ||
} | } | ||
if ($this.attr('data-status') === 'doMinus') { | if ($this.attr('data-status') === 'doMinus') { | ||
− | dash2 = dash1 - | + | dash2 = dash1 - 10; |
$this.attr('stroke-dasharray', dash2 + ' 1000'); | $this.attr('stroke-dasharray', dash2 + ' 1000'); | ||
} else if ($this.attr('data-status') === 'doPlus') { | } else if ($this.attr('data-status') === 'doPlus') { | ||
− | dash2 = dash1 + | + | dash2 = dash1 + 10; |
$this.attr('stroke-dasharray', dash2 + ' 1000'); | $this.attr('stroke-dasharray', dash2 + ' 1000'); | ||
} | } |
2019年12月3日 (二) 01:42的版本