Python matplotlibを使って学ぶ統計処理 正規分布 新しいページはコチラ

提供: yonewiki
移動: 案内, 検索
(→‎アニメーションマーカー)
(→‎アニメーションマーカー)
148行: 148行:
 
=== アニメーションマーカー ===  
 
=== アニメーションマーカー ===  
  
−
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
 
−
<script>
 
−
&#36;<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>window<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>.scroll<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>function&nbsp;<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span><span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>{
 
−
&#36;<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>".marker-animation"<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>.each<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>function<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span><span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>{
 
−
&nbsp;&nbsp;var&nbsp;position&nbsp;=&nbsp;&#36;<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>this<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>.offset<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span><span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>.top;&nbsp;//ページの一番上から要素までの距離を取得
 
−
&nbsp;&nbsp;var&nbsp;scroll&nbsp;=&nbsp;&#36;<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>window<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>.scrollTop<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span><span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>;&nbsp;//スクロールの位置を取得
 
−
&nbsp;&nbsp;var&nbsp;windowHeight&nbsp;=&nbsp;&#36;<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>window<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>.height<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span><span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>;&nbsp;//ウインドウの高さを取得
 
−
&nbsp;&nbsp;if&nbsp;<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>scroll&nbsp;&gt;&nbsp;position&nbsp;-&nbsp;windowHeight<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>{&nbsp;//スクロール位置が要素の位置を過ぎたとき
 
−
&nbsp;&nbsp;&nbsp;&nbsp;&#36;<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>this<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>.addClass<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>'active'<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>;&nbsp;//クラス「active」を与える
 
−
&nbsp;&nbsp;}
 
−
}<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>;
 
−
}<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>;
 
−
&lt;/script&gt;
 
−
&lt;style&nbsp;type=&nbsp;"text/css"&gt;
 
  
−
.marker-animation.active{
 
−
&nbsp;&nbsp;&nbsp;&nbsp;background-position:&nbsp;-100%&nbsp;.5em;
 
−
}
 
  
−
.marker-animation&nbsp;{
 
−
&nbsp;&nbsp;&nbsp;&nbsp;background-image:&nbsp;-webkit-linear-gradient<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>left,&nbsp;transparent&nbsp;50%,&nbsp;rgb<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>255,250,153<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>&nbsp;50%<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>;
 
−
&nbsp;&nbsp;&nbsp;&nbsp;background-image:&nbsp;-moz-linear-gradient<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>left,&nbsp;transparent&nbsp;50%,&nbsp;rgb<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>255,250,153<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>&nbsp;50%<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>;
 
−
&nbsp;&nbsp;&nbsp;&nbsp;background-image:&nbsp;-ms-linear-gradient<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>left,&nbsp;transparent&nbsp;50%,&nbsp;rgb<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>255,250,153<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>&nbsp;50%<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>;
 
−
&nbsp;&nbsp;&nbsp;&nbsp;background-image:&nbsp;-o-linear-gradient<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>left,&nbsp;transparent&nbsp;50%,&nbsp;rgb<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>255,250,153<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>&nbsp;50%<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>;
 
−
&nbsp;&nbsp;&nbsp;&nbsp;background-image:&nbsp;linear-gradient<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>left,&nbsp;transparent&nbsp;50%,&nbsp;rgb<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>255,250,153<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>&nbsp;50%<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'ＭＳ&nbsp;Ｐゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>;
 
−
&nbsp;&nbsp;&nbsp;&nbsp;background-repeat:&nbsp;repeat-x;
 
−
&nbsp;&nbsp;&nbsp;&nbsp;background-size:&nbsp;200%&nbsp;.8em;
 
−
&nbsp;&nbsp;&nbsp;&nbsp;background-position:&nbsp;0&nbsp;.5em;
 
−
&nbsp;&nbsp;&nbsp;&nbsp;transition:&nbsp;all&nbsp;2s&nbsp;ease;
 
−
&nbsp;&nbsp;&nbsp;&nbsp;font-weight:&nbsp;bold;
 
−
}
 
  
−
&lt;/style&gt;
 
  
  
189行: 159行:
  
  
−
 
−
 
−
 
−
 
−
 
−
<yjavascript>
 
  
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
204行: 168行:
 
  var windowHeight = $(window).height(); //ウインドウの高さを取得
 
  var windowHeight = $(window).height(); //ウインドウの高さを取得
 
  if (scroll > position - windowHeight){ //スクロール位置が要素の位置を過ぎたとき
 
  if (scroll > position - windowHeight){ //スクロール位置が要素の位置を過ぎたとき
−
    $(this).addClass('active'); //クラス「active」を与える
+
&nbsp;&nbsp$(this).addClass('active'); //クラス「active」を与える
 
  }
 
  }
 
});
 
});
212行: 176行:
  
 
.marker-animation.active{
 
.marker-animation.active{
−
    background-position: -100% .5em;
+
&nbsp;&nbspbackground-position: -100% .5em;
 
}
 
}
  
 
.marker-animation {
 
.marker-animation {
−
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
+
&nbsp;&nbspbackground-image: -webkit-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
−
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
+
&nbsp;&nbspbackground-image: -moz-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
−
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
+
&nbsp;&nbspbackground-image: -ms-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
−
    background-image: -o-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
+
&nbsp;&nbspbackground-image: -o-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
−
    background-image: linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
+
&nbsp;&nbspbackground-image: linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
−
    background-repeat: repeat-x;
+
&nbsp;&nbspbackground-repeat: repeat-x;
−
    background-size: 200% .8em;
+
&nbsp;&nbspbackground-size: 200% .8em;
−
    background-position: 0 .5em;
+
&nbsp;&nbspbackground-position: 0 .5em;
−
    transition: all 2s ease;
+
&nbsp;&nbsptransition: all 2s ease;
−
    font-weight: bold;
+
&nbsp;&nbspfont-weight: bold;
 
}
 
}
  
 
</style>
 
</style>
 
</yjavascript>
 
</yjavascript>
 +
 +
 
<span class="marker-animation">
 
<span class="marker-animation">
 
ここにマーカーをつける文章をいれる
 
ここにマーカーをつける文章をいれる
 
</span>
 
</span>

2020年4月16日 (木) 00:00時点における版

「https://www.yo-net.jp/yonewiki/index.php?title=Python_matplotlib%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E5%AD%A6%E3%81%B6%E7%B5%B1%E8%A8%88%E5%87%A6%E7%90%86_%E6%AD%A3%E8%A6%8F%E5%88%86%E5%B8%83&oldid=6385」から取得

個人用ツール
名前空間

変種
操作
案内
ツールボックス